WordPressテーマSANGOの質問

Articleの横幅いっぱいまで広がる見出しを作りたい

Ichi

2019/05/25

お世話になっております。お忙しい所失礼致します。
既存の見出し等はArticle部分（記事自体の背景）のテキストが表示されるエリアの横幅でのみ表示されると思うのですが、Articleエリアの横幅いっぱいに広がるような見出しを作るのにはどうしたらよろしいでしょうか。見出しの外側横の余白が無くなるイメージです。
表現が分かりにくくて申し訳ございませんが、ご回答いただけますと大変嬉しく存じます。何卒ご検討のほどよろしくお願い申し上げます。

見出しの挿入方法と種類一覧

コメントへの回答

サルワカくん

2019/05/26

お世話になっております。
いえ、とてもわかり易い表現だと思います。

たとえばh2見出しを左右に広げたい場合は、以下のようなCSSを追加します。

.entry-content h2 {
  margin-right: -15px;
  margin-left: -15px;
}
@media only screen and (min-width: 481px) {
  .entry-content h2 {
    margin-right: -25px;
    margin-left: -25px;
  }
}

背景色をつけている場合は、paddingプロパティによりテキストまわりの余白を調整していただければと思います。よろしくお願いします。