#css #wordpress #woocommerce
#css #wordpress #woocommerce
Вопрос:
Я использую тему Theme Fusion для своего сайта WordPress. Мне нужно центрировать изображения в [featured_products_slider]. Какую модификацию .css мне нужно использовать?
Комментарии:
1. Кажется, что он выровнен по центру изображения, которое я просматриваю по ссылке, которую вы нам дали
2. Ооо, я понял, лол. просто добавьте
align="center"
на HTML-страницу вот так:<div class="products-slider es-carousel" align="center">
это должно сработать, но если нет, пришлите мне ссылку на веб-сайт, чтобы я мог более точно увидеть, что вам нужно сделать.3. Спасибо, Чун. Ползунок выровнен по центру, а изображения внутри него — нет. Поможет ли этот код с этой проблемой? Если нет, я могу сделать страницу живой и отправить ссылку. Еще раз спасибо.
4. да, сделай это живым, чтобы я мог помочь тебе лучше таким образом.
5. Сайт: hothothot.com/shop
Ответ №1:
Вы можете исправить это, добавив следующий CSS:
.products-slider li img {
margin-left: auto;
margin-right: auto;
float: none;
}
Хотя вам следует выполнить поиск .products-slider li img
класса, удалить стиль float и добавить эти поля слева и справа, где этот класс существует в вашем файле CSS. но это сделает работу.