メニューバーの文字色を変更したい

  • # ホームページ制作について
  • Eye58
  • Userおまる
  • Calender2020/07/15

解答
受付中

はじめまして。CSS初心者で無料体験を使用中なのですが
メニューバーの文字色を変更することは可能でしょうか?
(テンプレートは黒です)
調べて文字色を白にしても、
他の文字は白になりますがメニューバーのみ黒のままになってしまいます。。
どなたかお力添えいただけますと幸いです><

ご質問者様へ|この問題は解決しましたか?

コメントにより質問の内容が解決したら、解決したことをお知らせしましょう。

解決した!

みんなの回答を見る

  • Userhiguita
  • Calender2020-07-16 16:48:22

テンプレートによって違うかもしれませんが、私の場合はCSS編集機能で以下の2箇所に文字色指定を追記することで設定できました。

------追記前1------
#sidebar #global_nav dl dt.parent a{
padding-bottom:14px;
}
-----------------

------追記後1------
#sidebar #global_nav dl dt.parent a{
color: #9932cc;
padding-bottom:14px;
}
-----------------

------追記前2------
#sidebar #global_nav dl dd a {
padding:0 0 10px;
}
-----------------

------追記後2------
#sidebar #global_nav dl dd a {
color: #9932cc;
padding:0 0 10px;
}
-----------------

「追記前1」がメニュー欄に表示される親ページ名の文字色、「追記前2」がメニュー欄に表示される子ページ名の文字色を設定しています。
テンプレートによって設定されているclassなどが違うかもしれないので、全く同じ記述はないかもしれませんが、参考になれば幸いです。

classの確認などはWindowsの場合、調べたいページを開いてキーボードのF12を押すと調べやすいかもしれません。

記事を編集する
  • User807566
  • Calender2020-07-17 11:44:17

higuitaさん

ご返答ありがとうございます!
早速挑戦したいのですが
CSSで編集という画面に直接ご入力されましたか?
(初心者ですみません。。どこに入れていいのかわからくて。。)

記事を編集する
  • Userhiguita
  • Calender2020-07-17 14:42:03

説明が分かりにくくてすみません。
管理画面の「デザインの選択」 → 「CSSの編集」 から「CSSの適用」内「編集CSS」で表示されている内容に直接追記しました。

追記した具体的な手順は
CSSの中に上記「追記前1」の内容があったので、そこに「color: #9932cc;」を追記して「追記後1」にしました。
「追記前2」「追記後2」も同じで、「追記前2」の部分に「color: #9932cc;」を追記して「追記後2」にしました。
2箇所とも追記したあとで「この内容で設定」をクリックして、ホームページを確認したら文字色が変わっていました。

CSS編集機能の利用方法は以下のページで紹介してあるので、合わせて参照すると分かりやすいかもしれません。

○CSS編集機能を活用する(β版)
https://pr.toriaez.jp/navi/howto/1864.html

記事を編集する
次のページ