Q.グローバルメニューホバー時や見出しの下線部分(グレーの線)の色を変更したい
▼変更箇所イメージ →Preciousデモサイト
❶グローバルメニュー項目ホバー時の下線
❷トップページのお知らせ一覧・商品一覧・ブログ記事一覧の各見出しの下線
❸ウィジェットの各見出しの下線
A.下記の方法でご対応ください。
外観>テーマオプション>基本設定のカスタムCSSに入力してください。
/* 1. グローバルメニュー項目ホバー時 */ .pc #global_menu ul li a:hover, .pc #global_menu > ul > li.active_menu > a { border-bottom: 4px solid #aaa; } /* 2. トップページコンテンツなどの各見出し */ .headline1 span { border-bottom: 4px solid #ccc; } .headline1 { border-bottom: 1px solid #ddd; } /* 3. ウィジェットの見出し */ .side_headline span { border-bottom: 4px solid #ccc; } .side_headline { border-bottom: 1px solid #ddd; }
「#●●●」部分を任意のカラーコードに変更してください。
「2. トップページコンテンツなどの各見出し」はサイト内の各見出しや商品ページの商品カテゴリー部分などにも適用されます。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!