2017-12-11 1 views
0

저는 Wordpress에서 실제로 매우 새로 왔습니다. 제품 카테고리에 Woocommerce 플러그인을 사용하고 있습니다. 누구든지 중심에 있고 가로 방향으로 텍스트를 배치하기 위해 제품을 정렬하는 방법을 알고 있습니까? 또한 홈페이지의 테마는 모바일을 사용하는 경우 센터가 아닌 왼쪽에 위치하는 경향이 있습니다. 코딩 배경이 거의 없습니다. 내가 사용할 수있는 CSS 또는 코드가 있습니까? 어떤 도움을 주셔서 감사합니다. 고맙습니다. http://aom.sg/product-category/air/air-purifiers/ (제품)Wordpress에서 WooCommerce의 센터 제품 카테고리를 정렬하는 방법은 무엇입니까?

http://aom.sg 홈페이지 서비스 목록은 홈페이지

+0

: 그런 다음 아래 코드 조각을 붙여 변경 사항을 공개 복사 22.05 %를,'이 요소에서'.woocommerce ul.products li.product, .woocommerce 페이지 ul.products의 li.product을 ' – vaso123

답변

0

에 왼쪽 정렬되어

여기에 웹 사이트 URL입니다.

.service_list ul { 
list-style: none; 
padding: 0; 
margin: 0; 
width: 300px; 

여백을 0으로 설정하면 여백 : 자동으로 조정되어 가운데 맞춤으로 표시됩니다.

.service_list ul { 
list-style: none; 
padding: 0; 
margin: auto; 
width: 300px; 
+0

고마워요! 그것은 효과가있다! 서비스 아래에있는 고객의 로고에도 똑같은 것을 사용할 수 있습니까? 여전히 모바일보기를 위해 왼쪽에 위치하는 것으로 보입니다. TT – Zeth

0

시도는 선택기 li.product .woocommerce의 ul.products의 li.product, .woocommerce 페이지 ul.products 타겟팅 및 100 % 폭을 설정한다.

대시 보드에서 WordPress 사용자 정의 프로그램을 열고 사용자 정의 CSS로 이동하십시오. 은`폭 제거

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 
width:100%; 
} 
+0

안녕하세요! 이 코드를 시도했지만 웹 사이트에서 작동하지 않는 것 같습니다. TT – Zeth

관련 문제