Изменение сетки в Категориях

[Gra4Vampir]

Пациент

Воспользовался вот этим советом для отображения категорий в картинках. Но боксы теперь слишком крупные. Размер самой картинки поменять могу, но вот как поменять размер бокса - не понимаю. Думаю, что дело в разметки самой сетки, но не знаю где менять и его. Буду благодарен за помощь

 

версия 1.5.5.1.1

тема shadow

[burr]

catalog/view/theme/shadow/stylesheet/stylesheet.css

 

найти блок 

.box-product > div {
position:relative;
display: inline-block;
vertical-align: top;
width: 232px;
text-align: left;
padding: 10px 0px 25px 0px;
margin-bottom: 11px;
margin-right: 10px;
border: 1px solid #efefef;
background: #fff;	
overflow:hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

В нем менять width: 232px; до нужного состояния.

[Gra4Vampir]

catalog/view/theme/shadow/stylesheet/stylesheet.css

 

найти блок 

.box-product > div {
position:relative;
display: inline-block;
vertical-align: top;
width: 232px;
text-align: left;
padding: 10px 0px 25px 0px;
margin-bottom: 11px;
margin-right: 10px;
border: 1px solid #efefef;
background: #fff;	
overflow:hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

В нем менять width: 232px; до нужного состояния.

 

Ага, спасибо.

А можно сделать так, чтоб размер картинки автоматом подбирался под размер бокса? В ручную не проблема прописать, но просто интересно.

[burr]

.box-product .image img {
padding: 3px;
}

Дописать параметр width: 100%;

 

Тогда картинка будет растягиваться на 100% ширины блока.

 

И нужно убрать из tpl'ки забитые туда width="130" height="130"

 

 

Лучше почитайте для начала htmlbook.ru

[Gra4Vampir]

Спасибо, разобрался.