Zenshop Wordpress 테마 CSS

Question

나는 zenshop 테마의 CSS를 편집하는 데 문제가 있습니다. 홈페이지에는 4X2의 그리드에 제품 디스플레이가 있지만 제품의 6 가지 주요 카테고리가 있기 때문에 3x2로 만들고 싶습니다.하지만 plz 도움말을 수행 할 수 없습니다. 내 사이트 http://ruchitraders.com

는 다음 코드를 내가 PHP를 새로운 오전

#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은 도움말을 수정하려합니다.

Answer 1

.box의 너비를 300px와 같이 변경하고 그에 따라 여백을 조정하십시오.

세 번째 상자와 여섯 번째 상자로 이동할 .lastbox 클래스가 있습니다.

또한 DIV는 UL의 하위가 될 수 없으므로 LI 요소의 중간에 앉아있는 clear div를 제거하십시오.

당신이 당신의 수레가 "오버 플로우 : 숨겨진"를 추가 취소해야하는 경우

아마도 당신은 쉽게 시청자는 대답 할 수 있도록하는 물음표를 추가하고 싶습니다 # 홈-내용