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

ワードプレステーマ別

TCDテーマDROP・SOLARIS:クイックタグのボタン1・2でホバーエフェクトを使用する際に背景色をつける方法

WordPressテーマ「NULL」

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

ダウンロード

Q.クイックタグのボタン1・2で「スワイプアニメーション」「斜めスワイプアニメーション」のホバーエフェクトを設定するとボタンの背景色が表示されません。

スワイプアニメーションまたは斜めスワイプアニメーションを設定した際には、ホバー前の背景色は透過色となる仕様となってございます。

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

【TCDテーマ>基本設定のカスタムCSS】(サイト全体に適用されます)あるいは、【当該記事編集画面のカスタムCSS】(当該記事のみに適用されます)に入力してください。

.q_custom_button1 { background: 〇; } /* ボタン1 */
.q_custom_button2 { background: 〇; } /* ボタン2 */

〇を任意のカラーコードに変更してください。

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

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

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