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

ワードプレステーマ別

TCDテーマPrecious:見出しの下線の色を変更する

WordPressテーマ「NULL」

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

ダウンロード

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. トップページコンテンツなどの各見出し」はサイト内の各見出しや商品ページの商品カテゴリー部分などにも適用されます。

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

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

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