賢威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でシェア!

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



1ヵ月もある無料期間が魅力「U-NEXT」




人気のアニメやドラマ、映画が120,000万本以上揃っています。1ヵ月もある無料期間で動画を見まくろう!




海外ドラマやアニメを見るなら「hulu」




私が大好きなコナンのアニメや映画が全部揃っています。海外ドラマが豊富で圧倒的な安さが魅力です。2週間の無料期間で動画を見まくろう!