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

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

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, 新着情報
-

執筆者:

関連記事

iPhone OS 4の「iAd」はモバイル広告を変えるか?

Amplify’d from ascii.jp AppleのiAd広告配信、電通が日本で展開へ iPhone OS 4の「iAd」はモバイル広告を変えるか? アップルが2010年初頭、モバイル広告の米 …

au 無線ルータ DATA08W

auのポータブル無線ルータWiFi Waker DATA08Wを導入した人柱報告

au WiFi Waker DATA08Wを契約した 12月1日に発売になったau WiFi Waker DATA08Wを、さっそく契約した。 取り急ぎ使ってみた感想を書いてみる。 DATA08W D …

関連記事

jetpack関連記事の数を増やす  ⇒ STINGER8設定その10

jetpack関連記事は3個 デフォルトでは、jetpackが出力する関連記事は3個だ。 これを6個に増やす。 まずfunctions.phpに、次のコードを追加。 //関連記事数変更 functio …

iphone4s

たった10秒でiPhoneで電話ができないトラブルを解決する方法

iPhone4Sにしてから、実に快適。かつ写真はキレイだしiCloudは便利だし、言うことない! と思っていたら、iOS5.0.1にアップグレードした際に電話の発信も着信も不可能になるというトラブルが …

宮松さん

今日はザッポスの話も聞けるらしいので、楽しみだ