Zenshop Wordpress theme CSS

Question

У меня проблема с редактированием css темы zenshop. На домашней странице есть дисплей продукта в сетке 4X2, но поскольку у меня есть 6 основных категорий продуктов, я хочу сделать это 3X2, но я не могу сделать это с помощью PLZ. мой сайт http://ruchitraders.com

Я пытаюсь изменить следующий код

#shelf { 
width: 980px; 
margin: 0px auto; 
padding:0px 10px; 
} 

.box { 
width: 220px; 
position:relative; 
background: #fff; 
margin: 30px 0px 30px 20px; 
float: left; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
-webkit-box-shadow: 1px 1px 0px 0px #ddd; 
-moz-box-shadow: 1px 1px 0px 0px #ddd; 
box-shadow: 1px 1px 0px 0px #ddd; 

} 

.lastbox{ 
float:right; 
margin-right:20px; 
} 


.productshot{ 
width:170px; 
height:200px; 
margin:10px 25px 10px 25px; 
} 

.boxtitle { 

} 

.boxtitle h2 { 
font-size: 12px; 
margin: 0px 10px; 
padding: 15px 10px 10px 15px; 
text-align: center; 
font-weight: normal; 
line-height: 120%; 
border-bottom:1px solid #eee; 
} 

.boxtitle h2 a:link,.boxtitle h2 a:visited { 
color: #666; 

} 

PLZ помощь Я новичок в PHP.

Answer 1

Просто измените ширину .box на что-то вроде 300px и соответствующим образом отрегулируйте поля.

У вас есть класс .lastbox, который переместится в третий ящик и шестой.

Также удалите прозрачный div, который вы сидите в середине элементов LI, поскольку DIV не может быть дочерним элементом UL.

Если вам необходимо очистить ваши поплавки добавить «переполнения: скрытые» на # домашнего содержание