Размер блоков товаров

голоса: 0
Добрый день.  Я купил премиум шаблон и установил его вместо старого. Как в новом уменьшить ширину карточки товара на главной странице?
Адрес сайта http://belraispb.ru/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 1

голоса: 0
 
Лучший ответ

В стилях в строке 691:

.goods-carousel {
 margin-left: -30px;
}

значение 30 стоит уменьшать чтобы в корзину не уходило влево и не скрывалась часть текста. Или же лучше вообще эту строку удалить.

Размер карточки можно задать в стилях в строке 694:

.list-item {
 width: 400px;
 margin-top: 10px;
 margin-bottom: 20px;
 position: relative;
 overflow: hidden;
}

как пример прописать красное, а далее 400 регулировать под себя как вам нужно.

| Автор:
Выбор ответа лучшим | | Автор: Денис Еремейчик
Размер изменился, но только в блоке "популярные". А в остальных по прежнему осталось
Денис Еремейчик,
В остальных это в каких? Примеры наведите.
Yuri_Geruk,

Обвел цветом, где не изменился размер

Денис Еремейчик,

Так для второго блока и не прописывалось ничего чтобы изменилось. Ищите в стилях строку номер 892:

#content .list-item {
 position: relative;
 box-sizing: border-box;
 z-index: 2;
 border-radius: 2px;
 border: 1px solid #fff;
 float: left;
 width: 31.0344827586206%;
 margin-right: 3.44827586206896%;
 margin-top: 10px;
 margin-bottom: 20px;
}

выделенное красным изменяйте на нужную вам ширину.

...