賢威7のサイドバー見出しの枠を付ける方法
今回は賢威7のサイドバーにある見出しに枠線をつける方法を解説します。
■変更前
■変更後
サイドバー見出しに枠線をつける方法
WordPress管理画面から「外観 > テーマの編集」へと進み、「base.css」を開きます。
以下のコードがある部分(「賢威7スタンダード版」の場合1215行目)を探します。ちなみにこちらがサイドバーの見出しデザインを示しています。
|
1 2 3 4 5 6 7 8 |
.sub-conts .section-wrap .section-in .section-title, .sub-conts .section-wrap .article-header .section-title{ margin: 0 -20px 30px; padding: 0 0 11px; border-bottom: 1px solid #ccc; font-weight: normal; font-size: 1.125em; } |
マーカーを引いた箇所を以下のように変更します。
|
1 2 3 4 5 6 7 8 |
.sub-conts .section-wrap .section-in .section-title, .sub-conts .section-wrap .article-header .section-title{ margin: 0 -20px 30px; padding: 11px 11px; border: 1px solid #ccc; font-weight: normal; font-size: 1.125em; } |
ちなみに、以下のコードの
|
1 |
border: 1px solid #333; |
- 「1px」の数値を変更することで枠線の太さを変更できます。
- 「solid」の文字を「dotted」や「dashed」に変更することで枠線を点線などに変更できます。
- 「#333」のカラーコードを変更することで枠線の色を変更することができます。
また、「border」のままでは上下左右に枠線がついていますが、
- 上だけに枠線を付けたい場合は「border-top」に変更します。
- 下だけに枠線を付けたい場合は「border-bottom」に変更します。
- 右だけに枠線を付けたい場合は「border-right」に変更します。
- 左だけに枠線を付けたい場合は「border-left」に変更します。
変更が完了したらページ最下部の「ファイルを更新」を選択すれば反映されます。
最後に
今回は賢威7のサイドバー見出しに枠線をつける方法を解説しました。ぜひ参考にしてみてください。
あわせて読みたい記事一覧
タグ:賢威


