WooCommerceの買い物カゴを更新(カートを更新)ボタンのデフォルトの色の透明度をなくす方法

WooCommerceでECサイト(オンラインショップ・ネットショップ)を運営していて、カートページの更新ボタン(「買い物カゴを更新」ボタン、あるいは、「カートを更新」ボタン)のデフォルトの色を変更しても色が薄くなってしまって困っていませんか?

変更前のWooCommerceカートページの更新ボタン

例えば、このような感じです。カートの内容を変更すれば、濃い色で表示されますが、それまでは、薄い色のままになっています。

コードを使わずに、Elementorなどのノーコードデザインツールを使っても色を変更する事ができません。設定できても、実際にページを表示してみると、色が薄くなってしまうと思います。

そこで、今回は、色が薄くならないように設定したい方のためにコードをご紹介していきます。

.button.wl-cic-update-cart-button{
	background-color: #613dc1;
	opacity: 1 !important;
}

それがこちらです。こちらのコードを「外観」の「カスタマイズ」から「追加CSS」に挿入すれば、濃い色で表示されるはずです。

また、「background-color」ではボタンの背景色、「opacity」では透明度を調整する事ができます。透明度は変更しなくてOKですが、背景色はテーマカラーなどに変更しましょう。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です