센터링 웹 사이트 콘텐츠가 작동하지 않습니까?

Question

나는이 워드 프레스 페이지에 모든 제품을 집중 시켜서 모든 것이 중앙에 정렬되도록 노력하고 있습니다. 다음 CSS와 함께 div에 모든 내용을 래핑하려고 시도했지만 내용이 중간에 있지만 제품은 여전히 왼쪽 정렬. 사람이 어떤 조언이있는 경우

#big-center { 
display: -webkit-box; 
display: -moz-box; 
display: box; 

-webkit-box-orient: block-axis; 
-moz-box-orient: block-axis; 
box-orient: block-axis; 

-webkit-box-align: center; 
-moz-box-align: center; 
box-align: center; 

-webkit-box-pack: center; 
-moz-box-pack: center; 
box-pack: center; 
} 

이 궁금해 또는 무언가가있는 경우 내가이 일을 누락? 여기

페이지에 대한 링크입니다 : http://www.stickems.co.uk/shop-screen-cleaners/

Answer 1

그것은 당신이 정말로 무엇을 의미하는지 이해하기 조금 어려운,하지만 난 그것을 균열을했다; 너무 잘 보이지 않고서는 그것이 잘 보이는 것처럼 보였습니다.하지만 여기에 중심을 맞추는 이유가 있습니다. 완벽한 코딩은 아니지만 도움이 될 것입니다.

라인 1427로 이동하여 현재 CSS에서 다음 중 하나를 변경하십시오. WP - 콘텐츠/테마/stickems /있는 style.css? 버전 = 1.0

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 
    margin-bottom: 25px; 
    margin-left: 38%; 
    margin-right: 50%; 
    width: 22.125%; 
} 

내가 말했듯이 당신이 무슨 뜻인지하지만 완벽 코딩이 아니라면, 그것은 트릭을 할 것입니다. 질문에서 이것은 내가 당신이 원했던 것을 이해 한 것입니다; http://i.imgur.com/sEV7rVe.png

Answer 2

이러한 스타일 변경이 도움이되면 시도해보십시오.

.woocommerce ul.products li.product{ 
    float:left; //Remove this 
    display:inline-block; //Add this 
    margin-right:3.3%; // changed from 3.8 to 3.3 
} 

.woocommerce ul.products{ 
    text-align:center; //add this 
}