avada テーマでよく使用されるカスタム CSS スタイルのいくつか

Avada の機能とスタイルは非常に強力ですが、さまざまな変態のニーズを満たすことができません。 avada カスタム CSS を使用してスタイルを変更してみてください。テーマのアップグレードには影響しません。Avada - テーマ オプション - カスタム CSS に 1 行ずつ入力するだけです。

1. 商品ページのメイン画像に枠線を追加します。

.product .images {ボーダー: 1px ソリッド #e0dede;}

2. 製品ページのタブでタイトルを非表示にします (Woocommerce はデフォルトでこれを行いますが、強迫性障害がある場合は非表示にすることができます)

.woocommerce-Tabs-panel h2{display:none;}

3. woocommerce をショッピング カートに追加した後、woocommerce の背景色を変更します (デフォルトは緑色です)。

#top div.woocommerce-message {ボーダーカラー: #7bafe7;背景カラー: #7bafe7;カラー: #19346a;}

4. 製品グリッド内の余分な空白スペースを削除します。

.product-details-container {最小高さ: 12px;}

.product .product-buttons {padding-top: 0px;}