ワードプレス

賢威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」で記事のアイキャッチ画像を非表示にする方…
  2. TCDテーマ「CORE」でフッターのサイトタイトルとキャッチフレ…
  3. TCDテーマ「CORE」でAddQuicktagを使うならTCD…
  4. TCDテーマ「CORE」で関連記事の数を変更する方法
  5. TCDテーマ「CORE」でSNSボタンのシェア数をカウントをする…
  6. TCDテーマ「CORE」で記事タイトルをh1タグで出力する方法
  7. TCDテーマ「CORE」でサイトのレイアウトをカスタマイズしてみ…
  8. 賢威7のアイキャッチ画像の役割、サイズを変更する方法
スポンサードリンク
スポンサードリンク

過去ログ

PAGE TOP