Zenshop Wordpress主題CSS

Question

我有一個編輯禪宗主題CSS的問題。在主頁上有一個4X2的網格產品顯示，但由於我有6個主要類別的產品，我想讓它成爲3X2，但我無法做到這一點。我的網站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將移動到第三個框和第六個。

同時刪除您坐在LI元素中間的清晰div，因爲DIV不能是UL的子元素。

如果你需要清除浮動添加「溢出：隱藏」，以＃家內容