サイドバーの文字や色、フッターのLink線の変更

Google Cromeの画面で右クリックして「検証」欄からサイドバーの文字や色、フッターのリンク線等の変更をTwentySeventeen-childのstyle.cssに追加した。
Wordpressの仕業も、ポイントしたところを「検証」で調べるとそれなりに分かってくるもので、今回はサイドバーの文字や色、固定ページ用ウイジェットのLink線を消すことを試みた。

1) ウィジェットタイトル部分の変更
.widget-area .widget h2 {
text-align:left;
line-height: 20px; /* 高さ */
font-size: 13px;
color: #00a73e;
}
*必要な変更は、文字の大きさと文字色なので、それに合わせて「高さ」だけ調整。

2)「.widget-area .widget a {}」⇒Link線関係
.widget-area .widget a:link {box-shadow: none;}
/*.widget-area .widget a:visited {color: #xxxxxx;}*/
/*.widget-area .widget a:hover{color: #xxxxxx;}*/
*記事内と統一してる場合は「box-shadow」のみ

3)フッターのLink線
.site-info a {
color: #00a73e;
text-decoration: none;
}
.site-info a:link {
box-shadow: none;
}
.site-info a:hover {
color:#934C7B;
}
*フッター関係は諦める寸前だったけど、「site-info」を見つけて試したところ難無く文字色とLink線を消すことができた。

取り合えず調整・修正を施した。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)