Опубликовано: 30 июня 2015
Как увеличить расстояние между изображениями категорий Есть решение
Стоит Ваш плагин "Иконка, изображение и банер для категории".
Вопросы:
1) Как увеличить на главной странице расстояние между изображениями категорий?
2) Как на странице категории увеличить расстояние между картинками подкатегорий?
3) Как сделать чтобы в стандартном представлении(вертикальном) товаров между карточками товаров было большее расстояние?
4) Как сделать чтобы карточки товаров выделялись рамочкой, а при наведении "мышки" эта карточка становилась жирнее?
Комментарии (2)
на 1 и 2 вопросы
в пользовательских стилях пропишите праивла
.category_list>li>a{
border-color: #ccc;
}
.category_list {
border-spacing: 20px;
}
на 3 вопрос
в пользовательских стилях пропишите правило
.product-list.thumbs li {
width: 240px;
margin: 0 6px 0 0;
}
на 4-й вопрос
в пользовательских стилях пропишите правило
.product-list.thumbs .product-block {
border: 1px solid red;
}
.product-list.thumbs li:hover .product-block {
border-color: red;
outline: 5px solid red;
}
на 1 и 2 вопросы
в пользовательских стилях пропишите праивла
.category_list>li>a{
border-color: #ccc;
}
.category_list {
border-spacing: 20px;
}
- не работает. Или ошибка в коде или из-за того что сейчас там стоит Ваш плагин "Иконка, изображение и банер для категории". Что нужно исправить?
Остальные пункты работают.
Возможно у Вас иной класс у элементов, попробуйте так:
.sub-categories.with-pictures { border-spacing: 20px; }
.sub-categories.with-pictures > li > a { border-color: #ccc; }
Да, так заработало. Спасибо!
Из-за того что увеличилось расстояние между картинками категорий на главной странице правый вертикальный столбец картинок "вылез" за размер белого(основного) поля. Так как меняли стандартный фон темы на своё изображение получилось некрасиво.
Как увеличить размер центрального (белого) поля Вашей темы?
Напишите нам на email: kolmakov.igor@gmail.com
В письме укажите адрес Вашего сайта, нужно увидеть результаты действий, что бы давать дальше советы.
в пользовательских стилях пропишите
.sub-categories.with-pictures > li > a img{
max-width:100%;
}