[ 解決済 ] スマホメニュー表示時のトグルの色変更について

VWSとは フォーラム Lightning [ 解決済 ] スマホメニュー表示時のトグルの色変更について

[ 解決済 ] スマホメニュー表示時のトグルの色変更について

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

    zoom
    参加者

    ■ WordPress のバージョン
    6.2.2

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning Pro

    ■ テーマのバージョン
    8.17.13

    ■ スキンの種類
    Fort II

    ■ スキンのバージョン
    9.1.1

    ■ 期待する動作
    スマホ閲覧時、ハンバーガーメニュータップで表示されるメニューをツリー化しています
    トグルの色を変更したいです

    ■ 自分で試した事
    ソースを見て該当箇所と思われるcssをカスタマイズ

    ■ 症状が発生するブラウザ
    全てのブラウザ

    ■ 実際の症状
    様々トライしてみましたら色変更に至っていません


    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #77425

    うなこ
    モデレーター

    ハンバーガーメニューの三本線マークやOpen時の「×」の閉じるマークはsvg画像になります。Lightning pro テーマ内には白と黒のsvg 画像が入っていると思います。

    以下のような感じでいかがでしょうか。Close時のハンバーガーメニューを白色にしました。

    /* ハンバーガーメニューClose時 白色 */
    .vk-mobile-nav-menu-btn {
        border-color: #fff;
        background: url(/wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg) center 50% no-repeat rgba(1,1,1,.8);
        border: 1px solid #fff;
    }

    【CSS解説】
    background url で画像を読み込んでいます。#fffは白色の指定です。

    ▼CSSについてはこちらを参考にしてみてください。

    できる!CSSカスタマイズ

    • この返信は1年前にうなこが編集しました。
    • この返信は1年前にうなこが編集しました。
    • この返信は1年前にうなこが編集しました。
    #77437

    zoom
    参加者

    うなこ様

    いつもありがとうございます
    お陰様で解決しました

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