Wordpressのグローバルメニューの色が規定の白色から変更したいのですができません><

グローバルメニューは表示されるようになったのですが
（ありがたいことにこちらのサイトで教えていただきました><ありがとうございます）
規定の白色から変更されない状態で、色を変更したいものの
どうすればよいのか分からず困っております。

使用しているテーマ＊「STORY」
私のサイト komatuharuna.com
です。

＊実際に行ったこと
テーマを販売されているTCDさまのサイトを参考に
（https://tcd-manual.net/?p=1102）
STORY: スタイルシート (style.css)の編集を行ったのですが
変更されないままになっています。

変更した点はこちらです
.global-nav .sub-menu a {
background: #c5b8a9;
box-sizing: border-box;
color: #696969;
display: block;
padding: 12px 20px;
width: 210px;
}
.global-nav .sub-menu a:hover {
color: #696969;
}

このcolorの部分を黒色っぽいグレーにしたのですが（#696969)
（変更前は#ffffでした）
変更されないままの状態です。。

以下スタイルシートの画像になります><

✩追記です

追加CSSでグローバルメニューについて記述しているのですが
色はこちらもグレーっぽい色に変更しています
ですがグローバルメニューでは文字が真っ白のままです...

お手数ですが教えていただけると助かります。
よろしくお願いします＊

行動規範の内容に同意します

回答1件

ベストアンサー

サイト拝見しました。
サイトのどの部分の文字色のことか分かりませんが、.global-nav周りについては、responsive.cssのほうが優先されているようです。

CSS
1.global-nav a {
2  color: #fff !important;
3  font-size: 13px;
4  height: 50px;
5  overflow: hidden;
6}

リンク先のサポートサイトは「CORE」という別のテーマについての解説のようなので、ご使用のテーマとは構造が違うと思われます。

訂正します

過去の質問も確認いたしました。追加CSSで追記されている以下の部分が原因です。

CSS
1@media only screen and (min-width: 1201px) {
2  .global-nav {
3    display: block !important;
4  }
5  .global-nav > ul > li > a {
6    color: #fff;
7  }
8}

ここで#fffを指定されていますので、こちらを修正ください。

投稿2020/03/11 01:32

編集2020/03/11 01:37

Takumiboo

総合スコア2534

run1334312

2020/03/11 02:52 編集

コメントいただきありがとうございます* 先日教えていただいたCSSのカラーも変更したのですが色が変わらないままです...＞＜他に追加CSSは使っておりません>< 上の追記でCSSをスクリーンショットさせていただきましたこのようなコードを記入させていただいています*

Takumiboo

2020/03/11 03:18

ブラウザでトップページのソースをご覧いただくと分かるのですが、95行目からstyleタグベタ打ちでいくつかのスタイルが設定されています。その中で、たった今見ても上記の部分は#fffのままとなっています。「追加CSS」以外で、例えばテーマファイルを直接編集するなどして、上記の部分を追加したりしていませんか？

Takumiboo

2020/03/11 03:19

ヘッダー周りのPHPファイル(header.php？テーマの構造がわからないので的確なファイル名が分かりません)あたりを編集されたりしていませんか？

run1334312

2020/03/11 03:29

解決できましたーっっ！すみません他の編集部分でも同じコードを張り付けていたのですがそこのコードの色を変更するとできました>< ほんとにお手数おかけしました。ありがとうございます＾＾

Takumiboo

2020/03/11 03:33

複数箇所に同じことを書くと今後同じ問題が発生するので、不要であれば除去したほうが良いと思います。「追加CSS」機能を使うならそこに統一、テーマファイルを直接編集するならそちらに統一、など。 CSSはセレクタの書き方や、それを読み込む順番などで優先順位が変わりますので、同じ場所に対してのスタイルの指定を複数箇所に書いてしまうと意図しない結果となる場合があります。

run1334312

2020/03/11 13:33

お返事が遅く成ってしまい申し訳ありません>< 本当にその通りです><これからは追加CSSを１つのボックスにまとめたいと思います。書く場所にとって読み込む順番が変わってしまうのですね、勉強になりました><Takumibooさま、ありがとうございます。

行動規範の内容に同意します