メインメニューの文字色変更について

[mym]

初めまして、久しぶりに個人サイトを作ろうと思い始めてのWordPressでこちらのテーマを使用させていただいています。

作りかけの当サイトはEASEL様のトップページほぼそのままなのですが、このページで言うところの「マニュアル　作品一覧デモ　ダウンロード…」に当たる部分のリンクの文字色変更が思うようにできずに困っております。

以下、こちらの情報です。

・「EASEL」を導入した上で「canvas on EASEL」を使用（追加CSSも全てcanvasへ）

・「ベーシック」のテンプレートを使用

 

メニューの背景・ヘッダーをオレンジ、メニューの文字を黒にしたい（例）という体で、以下のCSSをcanvasの追加CSSに記入しました。

/*メニューの背景色*/
.header nav {
background-color: #orange;
}

.header {
background-color: #orange;
}

/*メニューのリンク色*/

.header nav li a {
color: #black;
}

ヘッダーなどはオレンジ色に変わったのですが、リンクの色が「ベーシック」の濃いグレー（ホバー状態で濃いピンク）から変わりません。

テーマファイルエディターで「EASEL」の方を見てみて、library→css→basecolors　がそれっぽいかなと思い見てみたのですが、ベーシック版の色変更についてよくわからず…。

ためしに「ブルー＆ホワイト」にテンプレートを変更した上で、style-blue_white.cssの中の「リンク」に当たりそうな部分をかたっぱしから#000000に色変更してみたのですが、ヘッダーのリンク文字もどこも変わりませんでした。

どこかにリンクの文字色変更の記述があるのでしょうか？

教えていただけると幸いです。

[佐高]

ガタガタ様でなくて申し訳ありませんが失礼いたします。

軽くCSSを見てみた感じではすごく惜しい感じで、「EASEL」のCSSではメニューのリンクではnav部分はclassとして指定されていました。

.header .nav li a {
color: black;
}

こちらのローカル環境と実際に公開しているサイトと双方で、上記の指定でリンクを黒くできたので一度お試しいただけたら幸いです。
（恐らくこちらに書き込む際につけてしまっただけだと思いますが、一応blackで指定される時には冒頭に#は不要です）

[mym]

>>佐高様

アドバイスありがとうございますm(_ _)m

お教えいただいたCSSをcanvasの追加CSSに加えてみたところ、無事に変更できました！

見てみると些細な間違いだったのですね…こんな初歩的なミスまでしてしまいお恥ずかしいです。

おかげ様で無事に好みのサイトに仕上がりそうです。本当にありがとうございました。

[投稿者]

投稿