解決済MODEのドロップメニューのカラー変更について

フォーラム テンプレート(テーマ) 【解決済】MODEのドロップメニューのカラー変更について

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

    ——————————————-
    WordPress のバージョン:5.8.2
    Welcart のバージョン:2.3.5
    PHP のバージョン:7.3.31
    Welcart専用の拡張プラグインとバージョン:なし
    ご利用の親テーマとバージョン : MODE 1.1.1
    ご利用の子テーマとバージョン :なし
    症状を確認したブラウザ:Chrome IE EDGE
    サーバー【重要】:エックスサーバー レンタル スタンダード
    ——————————————–

    素人質問で申し訳ございません。
    MODEを使用しており、
    カスタマイズ>色>ヘッダー
    より、ヘッダーの背景色を白から黒に変更、これにより文字色を黒から白に変更しました。
    PC表示時のドロップメニュー(2階層目以降のメニュー)の背景色が変更できず、デフォルトの白背景に文字色だけ白に変わり、背景と文字が同色で見えない状態です。

    ドロップメニューの背景色の色変更箇所を教えて頂けませんでしょうか?

    #95553
    sagawa
    キーマスター

    こんにちは。

    ご報告ありがとうございます。
    症状を確認いたしましたので、Welcart Modeの次期バージョンで修正いたします。
    お急ぎの場合は、下記の内容を「追加CSS」に記述していただければと思います。

    .global-navigation ul.sub-menu li a,
    .global-navigation li a ~ span:before {
    	color: #fff;
    }
    .search-box .search-text {
    	color: #fff !important;
    }
    @media screen and (min-width: 55em) {
    	.global-navigation ul.sub-menu li a {
    		color: #000;
    	}
    }
    #95556
    tech
    参加者

    丁寧にありがとうございました。
    頂いたコードで、ドロップメニューの文字色は変更できたのですが、ドロップメニューの背景色の変更も教えて頂けませんでしょうか?

    #95557
    sagawa
    キーマスター

    tech様

    下記の内容でドロップメニューの背景色も変更できるかと思います。
    背景色のプロパティ値には、ご希望のカラーコードを指定してご利用下さい。

    .global-navigation ul.sub-menu li a,
    .global-navigation li a ~ span:before {
        color: #fff;
    }
    .search-box .search-text {
        color: #fff !important;
    }
    @media screen and (min-width: 55em) {
        .global-navigation ul.sub-menu li a {
            color: #000;
        }
        .global-navigation ul.sub-menu {
            background-color: カラーコード !important;
        }
    }
    #95558
    tech
    参加者

    丁寧に教えて頂き感謝いたします。
    全て解決しました。
    ありがとうございました!

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