アミアンインターナショナル

貴社の売り上げアップをとことん支援します。オンラインショップ専門コンサルタント

CMS css 新着情報

H2タグを修飾 ⇒ STINGER8設定その9

投稿日:2019年5月3日 更新日:

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;
}

大分好みの感じになった。

サイドバーを再設定

こうなると、以前設定したサイドバーのデザインも合わせたくなる。

サイドバーメニューの成形(1) ⇒ STINGER8設定その3

同様のデザインに変更する。


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;
}

これでよし。

-CMS, css, 新着情報
-

執筆者:

関連記事

no image

0120921947

光サポートと名乗る会社から電話。 なぜ電話番号を知っているのか尋ねたら、電話帳で調べてかけていると返答。 電話番号を電話帳に載せていないのにw 個人情報の違法な取得の疑いがあるので説明を求めた。 「担 …

ワードプレス

IEでJavaScriptエラーが出たトラブルシューティング

このブログはwordpressで制作しているのだが、当初よりIEで見るとJavaScriptエラーが出て困っていた。 いろいろバタバタしていてしばらく放置していたのだが、時間がとれたので見直してみた。 …

Evernote

evernoteにwebページをクリッピングする便利な手法

みんな大好きevernote! 数あるクラウドサービスの中でも、特に利用者が多いと思われるのがevernoteだ。 片っ端からメモしていけるので、私はなんでもかんでもブッ込んじゃってる。 Everno …

2段組

cssで2段組にする方法 ⇒ トップページの作り込み7

さらにコンテンツを増やす 引き続き、コンテンツを加える。 このブロックは、2段組にする。 <div id=”amiens-07″ class=”amiens-black”> <div …

365日懸賞

ツイッターで応募できる懸賞企画がスタート

有限会社マップ高知(高知県高知市知寄町1-5-1 電話088-880-0770 FAX088-884-3700 http://www.ewalk.ne.jp/map/)は、2011年3月1日、ツイッタ …