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

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

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

執筆者:

関連記事

テザリングをbluetoothでできない

iPhoneはテザリング「される側」にはなれない

iPhoneとiPadの2台持ちした時の悩み iPad miniを購入してからというもの、今までガシガシと酷使してきたiPhoneをとんと使わなくなった。 だって老眼にはあの画面サイズは小さすぎるから …

段組

アイコンを大量に並べる ⇒ トップページの作り込み9

段組数を自動調整させる 過去の実績を表示するのに、fontawsomeを利用し整列させることにした。 fontawsomeの使い方は、以前の手法と同じだ。 ピクトグラムでアイキャッチfontawsom …

ロゴを表示する

レスポンシブ対応のロゴを表示する ⇒ STINGER8設定その11

ロゴを表示する STINGER8にして、アミアンインターナショナルのロゴが表示されなくなった。 これは少々まずい。 そこで、背景画像として表示させるようにした。 スマートフォン スマートフォンでは、現 …

フェイスブック

facebookのファンページを作りました

先日、宮松さんとお会いしたときに「facebookのファンページをすぐ作るべきだ」とご指摘いただき、さっそく作成した。 と言いつつファンページは以前から作ってはいたのだが、FBMLとか面倒くさそうで放 …

ツイッター鯨

twitterは死んだのか?

ツイッター大丈夫? 友人と話をしている際に、「最近ツイッターが元気が無いのではないか?」という意見が出た。 どうやら、最近はフォロワー数の伸びに以前のような勢いが感じられないらしい。 また別の友人の意 …