【解決済】ハンバーガーメニューの色変更

[00001]

WordPress のバージョン：　5.7
Welcart のバージョン：　2.18
PHP のバージョン： 7.4
Welcart専用の拡張プラグインとバージョン：なし
ご利用のテーマ：WelcartBasic
症状を確認したブラウザ：Chrome
サーバー：ロリポップ
SSLの利用：使用

お世話になっております。
デフォルトハンバーガーメニューの色は白ですが
他の色に変えたいです。ファイルのどこをさわれば変えれますか？
すみませんが、よろしくお願いいたします。

Attachments:

You must be logged in to view attached files.

[mai]

お役に立てるかどうか？
まずは子テーマを作成して
その中にthemesの中のstyle.cssをコピーして
子テーマのstyle.cssを変更されてはいかがでしょうか。

WelcartBasicのハンバーガーメニューボタンFontAwesomeの色か？
ハンバーガーメニューリストの背景色？
ボタンの画像が添付されているのでFontAwesomeの色なのでしょう？

メニューボタンなら
#site-navigation label span:before
この部分のcolor:#fffを好みの色のコードに変更すればできそう？

メニーリストの部分だと
header #site-navigation input#panel.on-off:checked + div.nav-menu-open,
の括弧内の#fffを好きな色に指定すれば良いのではないでしょうか。
検証をしていないので間違っているかもしれません。

chromeをお使いならデベロッパーツールをおすすめします。
ハンバーガーボタンの上にカーソルをのせて右クリックして
検証をすればその部分のcss情報を取得できます。

[00001]

ありがとうございました。メニューボタンです。無事変わりました！
下記をなおしました。
#site-navigation label span:before
{color:#fff}

　
デベロッパーツールは使っていましたが、右クリックで見れるのを知らなくて
ありがとうございます。

[投稿者]

投稿