ワードプレス

賢威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」

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

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

スポンサードリンク

関連記事

  1. TCDテーマ「CORE」でAddQuicktagを使うならTCD…
  2. TCDテーマ「CORE」でFacebookのシェア数をカウントす…
  3. TCDテーマ「CORE」で記事下にアドセンスを貼る方法
  4. TCDテーマ「CORE」で記事タイトルをh1タグで出力する方法
  5. 賢威7のアイキャッチ画像の役割、サイズを変更する方法
  6. 賢威7でh2(見出し)h3(見出し3)の文字色や背景色をコピペで…
  7. TCDテーマ「CORE」でAll in one SEO pack…
  8. TCDテーマ「CORE」でフッターのサイトタイトルとキャッチフレ…
スポンサードリンク
スポンサードリンク

過去ログ

PAGE TOP