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内にあります。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!