2017-12-11 10 views
0

私はWordpressで実際には非常に新しいです。私は製品カテゴリのためにWoocommerceプラグインを使用しています。誰もが製品を中心に置いてテキストを横向きに配置する方法を知っていますか?また、私たちのホームページのテーマについては、モバイルを使用している場合は、センターではなく、左側に配置される傾向があります。私は背景をコーディングすることはほとんどない。私が使用できるCSSやコードはありますか?本当に助けに感謝します。ありがとうございました。ここでWordpressでWooCommerceのセンター製品カテゴリを整列する方法は?

は、ウェブサイトのURLです:http://aom.sg/product-category/air/air-purifiers/(製品について)

http://aom.sgホームページサービスのリストについては、ホームページ

+0

'幅を削除' – vaso123

答えて

0

ために整列残されています。

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

余白を0に変更すると、margin:autoに変更すると、中央に合わせて調整するのに役立ちます。

すなわち

.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に移動します。この要素から `; 22.05パーセント::` .woocommerce ul.products li.product、.woocommerceページul.products li.product次に、以下のスニペットを貼り付け、変更を公開コピー:

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

こんにちは!このコードを試してみましたが、私のウェブサイトではうまくいかないようです。 TT – Zeth

関連する問題