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

フォーラム テンプレート(テーマ) 【解決済】ハンバーガーメニューの色変更

  • このトピックには2件の返信、2人の参加者があり、最後に00001により3ヶ月、 2週前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #93118
    00001
    参加者

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

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

    Attachments:
    You must be logged in to view attached files.
    #93123
    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情報を取得できます。

    #93124
    00001
    参加者

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

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。