お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマANGEL:「ユーザープロフィール」ウィジェットのボタン背景色を変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.「ユーザープロフィール」ウィジェットのボタンのホバー前の背景色を変更したいです。

▼変更箇所イメージ
変更箇所イメージ

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

外観>TCDテーマオプション>基本設定のカスタムCSSに入力します。
〇を任意のカラーコードに変更してください。

.tcd_user_profile_widget .button a {
    background: 〇; }

 
ホバー前・ホバー後の背景色と文字色も変更したい場合は、以下のCSSを使って変更してください。

.tcd_user_profile_widget .button a {
    background: 〇; /* ホバー前背景色 */
    color: 〇; /* ホバー前文字色 */
}
.tcd_user_profile_widget .button a:hover {
    background-color: 〇 !important; /* ホバー時背景色 */
    color: 〇; /* ホバー時文字色 */
}

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

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

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