2017-11-04 10 views
0

私はFlatsome WordpressテーマでWoo​​Commerceを使用しています。次のページにオレンジ色のボタンを配置する必要があります。My WebsiteWooCommerneの製品ボタンを整列

ボタンは、常に水平線で整列する必要があります。私は自分のカスタムCSSでこのコードの問題を解決しようとしましたが、何も起こっていません。私はいくつかのカスタムCSSを書くことができることを確認するために、ボタンの背景を変更しようとしました。それはうまくいきます。

私はここで間違っていますか?

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 
    min-height: 500px !important; 
    margin-bottom:10px; 
} 
ul.products li.product a.button { 
    position: absolute !important; 
    bottom: 100px; 
} 

よろしく

+0

この場合は '水平line'は何ですか? – UncaughtTypeError

答えて

0

は、これらのスタイルを削除するようにしてください:

a.button.add_to_cart_button, 
a.button.product_type_simple { 
    /* bottom: 30px; */ 
    /* position: absolute; */ 
} 

これは、ボタンがきれいに整列させる必要があります。

UPD:

a.button.add_to_cart_button, 
a.button.product_type_simple { 
    bottom: auto !important; 
    position: static !important; 
} 
+0

お返事ありがとうございました。私はちょうどftpとWordpressのエディタを通してstyle.cssを調べました。 style.cssは完全に空です。それは変です? – McDuck4

+0

@ McDuck4 "Flatsome> Advanced> Custom CSS"でカスタムスタイルをチェックしましたか?これらはカスタムスタイルであり、ページに埋め込まれた内部の 'style'タグによって適用されます。これは間違いなくデフォルトのFlatsomeテーマスタイルではありません。 – UncaughtTypeError

+0

@ McDuck4 - この投稿の更新をご確認ください。これはあなたにコードを優先させるために必要です –

関連する問題