賢威7フッターのリンク文字色変更



賢威7でフッターのリンク文字色を変更したい場合は、
ワードプレスの管理画面から「外観→テーマ編集→base.css」を開きます。

「base.css」の中から以下の部分を探します。



/*——————————————————–
フッター
——————————————————–*/
.site-footer{
background: #111111;
color: #fff;
}

.site-footer-in a{
color: #fff;
}



rinkumojiirokeni7 (1)



太字の箇所の色コードを変更します。
ゴールドにしてみました。

/*——————————————————–
フッター
——————————————————–*/
.site-footer{
background: #111111;
color: #fff;
}

.site-footer-in a{
color: #FFD700;
}




変更前

rinkumojiirokeni7 (2)


変更後

rinkumojiirokeni7 (3)



賢威7フッターのマウスオーバー時のリンク文字色の変更方法



賢威7でフッターのマウスオーバー時のリンク文字色を変更したい場合は、
ワードプレスの管理画面から「外観→テーマ編集→base.css」を開きます。

「base.css」の中から以下の部分を探します。


※マウスオーバーとは、マウスをリンク文字に当てる事を意味します。
フッターのリンク文字にマウスを当てると、デフォルトでは赤色に変化します。



/*——————————————————–
フッター
——————————————————–*/
.site-footer{
background: #111111;
color: #fff;
}

.site-footer-in a{
color: #fff;
}

.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus{
color: #f60;
}


mausuo-ba-heltudakeni7 (2)


太字の箇所の色コードを変更します。
ゴールドにしてみました。



/*——————————————————–
フッター
——————————————————–*/
.site-footer{
background: #111111;
color: #fff;
}

.site-footer-in a{
color: #fff;
}

.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus{
color: #0000FF;
}




変更前

マウスを当てると赤色に変化します。

mausuo-ba-heltudakeni7 (1)


変更後

マウスを当てると青色に変化する様になりました。

mausuo-ba-heltudakeni7 (3)


参照:賢威7カスタマイズまとめ一覧