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

ワードプレステーマ別

TCDテーマANGEL:固定ページランディングページテンプレートの「リンクボタン」のホバー時文字色を変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.固定ページLPテンプレートで「リンクボタン」を作成しましたが、マウスをのせると文字が見えません。

この「リンクボタン」では、背景色は外観>TCDテーマオプション>基本設定の色の設定「メインカラーの設定」が適用されます。
ホバー時の文字色は外観>TCDテーマオプション>基本設定の色の設定「記事本文内のリンク文字色」が適用されます。

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

この固定ページのみに適用させたい場合は、当該固定ページの編集画面のカスタムCSS欄に下記を入力し表示をご確認ください。
すべての固定ページランディングページテンプレートの「リンクボタン」のホバー時文字色に変更を適用させたい場合は、
外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力し表示をご確認ください。

.post_content .lpb_link_button:hover { color: ★; }

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

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

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

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