ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマGENESIS:ホバー前にフッターバナーの背景画像を表示させる方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.フッターバナー部分は、マウスオーバーすると背景画像が表示されますが、最初から表示させておく方法はありますか?

▼変更箇所イメージ
変更箇所イメージ
左側がホバー時の表示、右側はホバー前の表示です。実際の表示はデモサイトでご覧ください。

A.下記の方法でご対応ください。

TCDテーマ>基本設定のカスタムCSSに以下の記述を入力してください。

#footer_banner .image_wrap { z-index: 3; }
#footer_banner .content { z-index: 4; }
#footer_banner a .title,
#footer_banner a .sub_title { color: #fff; }

 
補足)
タイトル右側のアロー部分については、ホバー時のアニメーションを活かすために調整を加えていません。
 
トップページのデザインバナーでもホバー後の状態で表示させたい場合は以下の記事をご覧ください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事