Как разместить изображения в карусель по центру.

[Istvan]

Добрый день.

Подскажите пожалуйста как выровнять по центру изображения в карусели производителей. По умолчанию выравнивается по левой стороне. Версия ocStore 2.1.0.2.1, дефолтный шаблон. Сайт  http://e-valiza.com.ua/

Спасибо.

[Tom]

Без лазанья в код,в настройках указать ширину чуть больше.

[ArtemPitov]

img

 

добавьте margin:auto

[Istvan]

img

 

добавьте margin:auto

Спасибо за ответ. Если не затруднит, подскажите что и куда добавить. Спасибо.

 

мой файл - carousel.tlp

<div id="carousel<?php echo $module; ?>" class="owl-carousel">
  <?php foreach ($banners as $banner) { ?>
  <div class="item text-center">
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
    <?php } else { ?>
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" />
    <?php } ?>
  </div>
  <?php } ?>
</div>
<script type="text/javascript"><!--
$('#carousel<?php echo $module; ?>').owlCarousel({
    items: 6,
    autoPlay: 3000,
    navigation: true,
    navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
    pagination: true
});
--></script>

[ArtemPitov]

если жестоко в код, тогда так 

 

<img style="margin:auto"

[Istvan]

если жестоко в код, тогда так 

 

<img style="margin:auto"

Спасибо.

[Istvan]

Не знаю правильно или нет, решил вопрос внесением изменеий в

catalog\view\javascript\bootstrap/bootstrap.min.css

поменял  img-responsive

на  img-absolute

В каруселях изображения выравниваются по центру.

[Tom]

Нет.Возвращайте назад.

[ladan]

В 01.11.2016 в 12:20, Istvan сказал:

Не знаю правильно или нет, решил вопрос внесением изменеий в

catalog\view\javascript\bootstrap/bootstrap.min.css

поменял  img-responsive

на  img-absolute

В каруселях изображения выравниваются по центру.

От жеж...  главное убрать img-responsive действительно рабочее решение(хоть и  кривое, потому как теряете плюшки ресайзинга), но вот почему вы решили исправить файл со стилями, вместо того что б убрать стиль в
</template/extension/module/carousel.twig>
это уже выше моего понимания....

Змінено 15 жовтня 2020 користувачем ladan