賢威7のフッターのリンク色(通常時・マウスオーバー時)変更方法
賢威7のフッター部分のリンク色の変更方法を通常時とマウスオーバー時に分けて解説します。
フッターの通常時のリンク色変更方法
WordPress管理画面から「外観 > テーマの編集」へと進み、「base.css」を開きます。
そして以下のコードが記述してある箇所を探します。(「賢威7スタンダード版」の場合は1027行目あたりにあります。)
|
1 2 3 |
.site-footer-in a{ color: #fff; } |
そしてマーカーを引いた部分のカラーコードをお好きなものに変更することでフッターの通常時のリンク色を変更することができます。
例えば、以下のように変更すると…
|
1 2 3 |
.site-footer-in a{ color: #049336; } |
以下のようにリンク色が白色から緑色に変更されました。
フッターのマウスオーバー時のリンク色変更方法
WordPress管理画面から「外観 > テーマの編集」へと進み、「base.css」を開きます。
そして以下のコードが記述してある箇所を探します。(「賢威7スタンダード版」の場合は1031行目あたりにあります。)
|
1 2 3 4 5 |
.site-footer-in a:hover, .site-footer-in a:active, .site-footer-in a:focus{ color: #f60; } |
そしてマーカーを引いた部分のカラーコードをお好きなものに変更することでフッターのマイウスオーバー時のリンク色を変更することができます。
例えば、以下のように変更すると…
|
1 2 3 4 5 |
.site-footer-in a:hover, .site-footer-in a:active, .site-footer-in a:focus{ color: #049336; } |
以下のようにリンク色がオレンジ色から緑色に変更されました。
最後に
今回は賢威7でフッター部分のリンク色(通常時・マウスオーバー時)の変更方法を解説しました。
あわせて読みたい記事一覧
タグ:賢威


