「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

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

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内にあります。

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

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

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