【Cocoon】フッターホバーで背景色変更3行CSS:カスタマイズ

Cocoonカスタマイズ-フッターホバーで背景色変更CSS ワードプレス

Cocoonでウィジェットにて設定したフッターリンクについて、ホバー動作(hover)を追加する方法をご紹介します。

フッターとは

HPの一番したの領域がフッターです。


 

わたしはウィジェットでフッターに、テキストとボックスメニューを追加しています。


 

マウスホバーで背景色変更CSS

CSSのスタイルシートに以下のコードを追加します。


.footer .widget a:hover {
background-color: #f2bca2;
}

 

テキストリンクがある箇所にカーソルを合わせると、背景色が変わります。


 

この記事がお役に立ちますと幸いです。
 

【Cocoonフッター】ページリンクの設定方法:カスタマイズ
...

 

「沈黙のWebライティング」
Amazonでレビュー数 1000以上の人気書籍
集客を成功に導くライティングのノウハウを凝縮