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

ワードプレステーマ別

TCDテーマINNOVATE HACK:トップページヘッダースライダーのホバーエフェクトを停止する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページのヘッダースライダーでホバー時の「画像のズームインアニメーション」「記事タイトル・抜粋表示アニメーション」をオフにできますか?

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

外観>テーマオプション>基本設定のカスタムCSSに入力してください。

/* ズームインアニメーション */
#top_slider a:hover img { transform: scale(1.0); }

/* 記事タイトルと抜粋の表示 */
#top_slider a .title_area { bottom: 0; }
#top_slider .post2 .desc, #top_slider .post3 .desc,
#top_slider .post4 .desc, #top_slider .post5 .desc,
#top_slider .post6 .desc { display: none; }

補足)
左上(大きく表示される記事)以外の記事では本文抜粋を非表示にしています。

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

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

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