Twenty Sixteenのメニューのカスタマイズについて

  • 解決済 sasori390

    (@sasori390)


    7年、 11ヶ月前

    Twenty Sixteenのデフォルト・メインメニューのカスタマイズについて質問です。

    http://s169654727.onlinehome.us/data/Screenshot.png
    ↑こちらのスクリーンショットを参照ください。

    ご覧のように、ドロップダウンのサブメニュー（この場合「INSTRUCTOR-1」）にhoverすると、親メニューの「INSTRUCTORS」がブルーに変わります。ちなみにこのブルーは管理画面（外観→カスタマイズ→色）でLink Colorに設定された色です。
    このブルーを上書きするスタイルがどうしてもわからないのですが、どのようにしたらよいでしょうか？
    ご教示願います。　

    • このトピックはsasori390が7年、 11ヶ月前に変更しました。
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • oisit

    (@oisit)

    7年、 11ヶ月前

    最初から蛇足ですがカスタマイズのlink color　は　wp add inline style　によって　idで指定されたテーマの直後に直接headに出力されて、それ以前に指定されているスタイルを上書きするみたいですね。
    CSSは最後に読み込まれた指定が有効になるので。

    とりあえず、メニューのhoverの色を変えるのは、.main-navigation a:hover,.main-navigation a:focusに対してcolorを指定してやって、一番単純なのは、importantを指定してやるじゃないですかね。

    あとカスタムリンクのインラインより後に、wp add inline styleでその二つにたいするcolorの指定をheadに直接出力するんですかね。

    ところでfirefoxとかchromeの開発ツールとか使われてますか。

    トピック投稿者 sasori390

    (@sasori390)

    7年、 11ヶ月前

    oisitさま、ご返答ありがとうございます。

    >ところでfirefoxとかchromeの開発ツールとか使われてますか。
    はい、開発ツールは必要不可欠です。

    本件自己解決いたしました。大変お恥ずかしいのですが、カスタマイズで設定したLink Colorの「a」要素を上書きするという非常に簡単なことでした。お騒がせしました。
    ちなみに以下のコードを追加しました。

    .main-navigation a {
    color: #fff !important;
    }

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Twenty Sixteenのメニューのカスタマイズについて」には新たに返信することはできません。