WordPressのテンプレート賢威7を使っていると気になるのが、サブコンテンツのリンクに付いてるアンダーライン。

作り始めた頃は特に気にならなかったのですが、コンテンツが増えてくるにつれて、サイドバーがアンダーラインだらけになっていまい、とても見にくいなと感じました。

そこで、アンダーラインを消す方法は無いか調べてみたところ、案外簡単な記述で出来てしまう事が分かりましたのでメモを残しておきます。

 

それは、次のたった1行のCSSを付け加えるだけ!

text-decoration: none;

 

具体的には、テーマ内の bace.css の下の方に、

.sub-conts a {
text-decoration: none;
}

を追加するだけです。

子テーマを作成している場合には、子テーマ内の bace.css に付け加えれば消えます。

追加しても消えない場合は、ブラウザのキャッシュが影響している可能性があります。

 

もし、特定のページのみ、アンダーラインを消したい場合は、

「この投稿だけの個別CSS/JS記述欄」のウインドウ内に、

<style type="text/css">
.sub-conts a {
text-decoration: none;
}
</style>

を付け加えるとアンダーラインを消すことが出来ます。