WordPressテーマSANGOの質問

リンクの装飾を、TOPページ(固定ページ)のみ変えたい

アバター
ねね

SANGOを使って1年ほどたちます。
最近TOPページをリニューアルしようと思い、色々といじっている中で質問が多くなり申し訳ございません。

固定ページをTOPページに指定しているのですが、TOPページのあるリンクのみ、通常のリンク装飾とは違う装飾に変更したいです。

現状の装飾リンク・・・リンクすると、緑色の文字に下線
希望の装飾リンク(TOPページのみこうしたい)
・・・「リンクをしても文字色は変わらない→マウスオーバーすると文字色が緑になり下線がつく」

自分なりに調べて、CSSを追加したりしたのですが、どうしても通常の装飾リンクになってしまいます…。

お手数おかけして申し訳ないのですが、教えていただけると嬉しいです。
よろしくお願いいたします。

テキストの文字色と色の変更
テキストの装飾とサイズ・色の変更方法
コメントへの回答
サルワカくん
サルワカくん
2019/05/24

お世話になっております。

トップページだけテキストリンクの色や下線を変えたいときは、.home ○○という形で書けばOKです。
今回の場合だと、以下のようなCSSで実現できるかと思います。

.home .entry-content p a {
    text-decoration: none;
    color: inherit;
}
/* マウスオーバー時のスタイル */
.home .entry-content p a:hover {
    text-decoration: underline;
    color: #色コード;
}

よろしくお願いします。

アバター
ねね
2019/05/24

先程、CSSに記述をしても「下線が残る」とお伝えしたのですが、
text-decoration: none;をいれると消えました!(こんな感じです↓)
ーーーーーー
.home .entry-content p a {
color: inherit;
text-decoration: none;
}
ーーーーーーー

正しいやり方なのかわからないのですが、希望どおりのかたちになったので、
一旦これでいこうと思います。
ご回答ありがとうございました。

アバター
ねね
2019/05/24

早速のご返答ありがとうございます!
いつも素早いご対応でかなり助かっています。

早速CSSに記述したのですが、マウスオーバーする前の通常の状態の時に、「下線」がついてしまいます。

何でだろうと思い、自分で追記したCSSも見直したのですが、「下線」に関するCSSは記述したことがないので、おそらく追記CSSは関係ないのかなと思うのですが…。

理由はお分かりになりますでしょうか?

ご確認のほど、よろしくお願いいたします。

サルワカくん
サルワカくん
2019/05/24

あ、そちらで正しいです!
text-decoration: noneが抜けてしまっておりました。申し訳ないです・・・。

こちらこそ丁寧なご報告、ありがとうございました。