質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.91%

WordPress 「Lightning」ヘッダーサブメニュー部分のみの背景色変更

受付中

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 606

sakichi

score 1

html5&css3、WordPressサイト作成初心者です。
「Lightning」テーマを使い企業サイトを作成中です。
ヘッダーサブメニュー部分のみの背景色変更をしたいのですが、
googleの検証から要素を確認し指定して、下記のようcssを記述したのですが色が変わりません。

また場合により文字色の変更もする可能性があるのですが、こちらのコードも教えていただければと思います。

お手数をおかけしますがご教示願います。

<ul class="sub-menu acc-child-close">
    <li id="menu-item-262" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://raremo.jp/%e3%83%9b%e3%83%bc%e3%83%a0/liver/">ライバー検索</a></li>
    <li id="menu-item-195" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://raremo.jp/%e3%83%9b%e3%83%bc%e3%83%a0/originalgoods/">オリジナルグッズ制作</a></li>
    <li id="menu-item-194" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://raremo.jp/%e3%83%9b%e3%83%bc%e3%83%a0/deliveryservice/">配送サービス</a></li>
    <li id="menu-item-196" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://raremo.jp/%e3%83%9b%e3%83%bc%e3%83%a0/nct/">オリジナルグッズ販売</a></li>
</ul>
ul.sub-menu.acc-child-close{
background-color:#white;
}

イメージ説明

▲1 7/20 11:00
下部添付画像のように、「Lightning」の子テーマを有効化し、
子テーマの『cssカスタマイズ』にcssを書いております。

イメージ説明

▲2 7/21 13:00
『Lightning』子テーマのcssに直接コードを書いても反映されません。
無知で申し訳ありませんが、どういった原因が考えられるのかご存じであればご教示願います。
お手数をお掛けしておりますがよろしくお願いいたします。

![イメージ説明

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

0

.gMenu>li>ul.sub-menu {
  /*サブメニュー*/
}


文字色は試してないですが上記のセレクタを通して
aタグ等に設定すればいけるのではないでしょうか。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/07/20 12:32 編集

    外観>テーマエディター>lightning_child_sample: スタイルシート (style.css)
    のところに書いてみて下さい

    キャンセル

  • 2020/07/21 13:10

    ご回答ありがとうございます。
    やはり変更できませんでした。
    どういった原因が考えられるかご存じでしょうか?

    キャンセル

  • 2020/07/21 14:03

    backgroundが指定されているとことが違っていました。(変わったのか見間違えたのか).gMenu li li{}にしてみて下さい。どこを変えれば良いのかは対象の上で右クリックして"要素を検証"を選択すれば開発者ツールのCSSのところで調べることが出来ます

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.91%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る