WordPressテーマTCDのカスタマイズを研究するサイト

サイドバーの見出しの▽マークの変更方法

Q.サイドバー見出しの▽マークを変更する方法

サイドバー見出しの横に小さく表示される▽のマークを変更することはできますか?

A.下記CSSを参考に参照元の画像ファイルを変更します

参考ファイル:style.css

1.ピンク色の逆▽マークの見出し

.side_headline {
font-size:16px;
margin:0 0 20px;
font-weight: normal;
background: url(images/cmn_arrow_01.png) left center no-repeat;
padding-left: 15px;
color: #000;
}

2.カスタムメニューの右▽マークで黒い見出し

.widget_nav_menu .menu li a{
display: block;
background-color: #333;
background-image: url(images/cmn_arrow_02.png);
background-position: 15px center;
background-repeat: no-repeat;
padding: 9px 10px 9px 30px;
margin: 0 0 1px;
color: #fff;
font-size: 14px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

backgroundや、background-imageで指定されている
「cmn_arrow_02.png」
「cmn_arrow_01.png」
を編集または画像の差し替えによって変更可能です。
ファイルのパスはReviewerテーマフォルダ>images内にあります。

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。