賢威7でサイドバーの見出しに枠線を入れる方法


スポンサードリンク


こんにちは、マツコ・ミニマムです。

今回は「賢威7でサイドバーの見出しに枠線を入れる方法」について紹介していきます。

サイドバーの見出しに枠線を入れる方法

WordPress管理画面から「外観 > テーマの編集」へと進み、「base.css」を開きます。

1215行目に以下のコードがあり、ここに修正を入れる事で余白が削除できます。F3を推すとキーワード検索できるので探してみてください。

上記のコードの中から

padding: 0 0 11px;

border-bottom: 1px solid #ccc;

これを以下のように変更してください。

「padding: 11px 11px;」

border: 1px solid #ccc;」

するとサイドバーの見出しに枠線が入ります。

ちなみに、1pxという箇所の数字を変える事で枠線の太さが変わります。

borderとは左右上下に線を入れる文字で、その他の線の付け方は以下の通りです。

 上だけに枠線を付ける「border-top」
 下だけに枠線を付ける「border-bottom」
 右だけに枠線を付ける「border-right」
 左だけに枠線を付ける「border-left」

枠線が入るだけで見た目もガラッと変わるので、是非実践してください。

最後まで読んでいただきありがとうございました。



スポンサードリンク



スポンサードリンク



いいねと思ったらSNSでシェア!

関連記事 こちらの記事もオススメです。



誰でも簡単に本格的なブログが作れる「STORK」






誰でも簡単にブログが作れるワードプレスのテーマ「STORK」を私も使っています