ブログのテキストリンクの色を変えたいです。

Question

ご覧頂きありがとうございます。

現在”wordpress”のライオンメディアにてブログを運営（全く自慢できるアクセス数ではありませんが）しています。
HTMLやCSS、PHPなど超基本的な事は少しは勉強しましたが、それでもプログラミングに関してはド素人です。

当初の当初、ブログのイメージカラーをオレンジ色にしたいと思い、リンク色をCSSでオレンジ色に指定した微かな覚えがあります。

しかし最近になってやはり、Googleと同じ青色(1A0DAB)にしようと思い[カスタマイズ]の[追加CSS]という項目に

a {
color:#1A0DAB;
}

を記述しました。しかし公開済みの記事のリンク色に変化がみられません。

一度消去して、どこかのウェブサイトに載っていたリンクデコレーションも兼ねたコード↓

a {
font-weight:bold;
text-decoration:none;
}

a:link {
color:#1A0DAB;
}

a:visited {
color:#6600FF;
}

a:hover {
color:#FF0099;
text-decoration:underline;
}

a:active {
color:#33CC00;
}

を記述してみましたところ、文字は「青色+下線」になり、訪問済みなどの条件により色も変化したので「これでいいか」と一時は思いました。

しかし、よく確認するとリンクテキストのみならず「目次の文字」まで青色やら下線が引かれたので結局コードは消去し元に戻しました。

恐らく、過去に追加したオレンジ色のリンクCSSが邪魔をしているのでは無いかと思いましたが、追加した場所もわからずに手が付けられません。

望むことは「記事中のテキストリンクの色を統一したいが、目次などは色の変更も下線追加もして欲しくない」というものです。

非常にわかりにくい文章になっているかと思われますが、なにぶん超初心者なのものでお許しください。

ご回答、お待ち申しております。

Answer 1

WordPressの、以下URLの「ライオンメディア」というテーマを使っていると理解しました。
http://lionmedia.fit-jp.com/

以下のような書き方でいかがでしょうか?
「.l-main」配下の要素だけが指定したリンク色になります。

.l-main a {
  font-weight:bold;
  text-decoration:none;
}

.l-main a:link {
  color:#1A0DAB;
}

.l-main a:visited {
  color:#6600FF;
}

.l-main a:hover {
  color:#FF0099;
  text-decoration:underline;
}

.l-main a:active {
  color:#33CC00;
}

---

new1ro様、回答ありがとうございます。
先ほど試しましたところ、SNSのボタンやタグの色まで青色に変更されましたので、とりあえず元に戻しました。
「リンクテキストのみ青色」ではありませんでした。
ですので恐縮ですが「ベストアンサー」はもう少しお待ちします。

上記コメントがあったため追記します。こちらでいかがでしょうか?

a {
  font-weight: bold;
  text-decoration: none;
}
a:link {
  color: #1A0DAB;
}
a:visited {
  color: #6600FF;
}
a:hover {
  color: #FF0099;
  text-decoration: underline;
}
a:active {
  color: #33CC00;
}

/* 以下を追加。文字が「青色になってしまう」箇所を発見し次第、以下のように追加してください。 */
.globalNavi .globalNavi__list .current_page_item a,
.globalNavi .globalNavi__list .current_page_item a:link,
.globalNavi .globalNavi__list .current_page_item a:visited {
  color: #ccc; /* 仮に文字色をグレーにしています。好きな値に設定してください。 */
  text-decoration: none;
}

.globalNavi .globalNavi__list .current_page_item a:hover,
.globalNavi .globalNavi__list .current_page_item a:active {
  color: #fff; /* 仮に文字色を白にしています。好きな値に設定してください。 */
  text-decoration:none;
}

Comments

[RYOsan]

new1ro様、回答ありがとうございます。
先ほど試しましたところ、SNSのボタンやタグの色まで青色に変更されましたので、とりあえず元に戻しました。
「リンクテキストのみ青色」ではありませんでした。
ですので恐縮ですが「ベストアンサー」はもう少しお待ちします。

[new1ro]

追記しました。

aタグの書き方はもとに戻し、
あとは地道に、文字色が気に入らない箇所を個別に追加していくしかないと考えます。

(ライオンメディアというテーマにはあまりくわしくないので、あくまでCSS視点での回答です。)

[RYOsan]

何とか思い通りにできました！
ありがとうございました。また機会がありましたらよろしくお願い致します。