H2タグの設定
サイドバーのデザイン設定はひとまず終えたので、コンテンツエリアの設定を始める。
まず気になっていたのが、H2のバランスが悪いことだ。
STINGER8のデフォルトでは、上下にsolidの1pxがひかれ薄い背景色がかかった形式になっているが、これを変える。
h2{
border-left: solid 10px #fc0;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
background: url("https://amiens.jp/wp-content/uploads/2019/05/h2back.jpg");
margin-top: 5em;
color: white;
}
大分好みの感じになった。
サイドバーを再設定
こうなると、以前設定したサイドバーのデザインも合わせたくなる。
同様のデザインに変更する。
h2,.menu_underh2{
border-left: solid 10px #fc0;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
background: url("https://amiens.jp/wp-content/uploads/2019/05/h2back.jpg");
margin-top: 5em;
padding: 0.5em 2em 0.5em 1em;
color: white;
clear: both;
font-size: 18px !important;
}
これでよし。
