スティンガー5(stinger5) カスタマイズ第11回目 見出しタグh3の変更

今回はスティンガー5(stinger5) カスタマイズ第11回目 見出しタグh3の変更方法です。

style.cssの編集

スティンガー5(stinger5) ビジネステンプレートふうにカスタマイズ
テーマの編集から、「style.css」を開きます。編集箇所は画面をスクロールしていき、下のほうにあります。
上記画像を参考にしてください。「小見出し」と記載されていますので、わかりやすいと思います。

編集したコードはこちら

.post h3 {
	font-size: 17px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #333333;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
        background-color: #FFE4E1;

	
}
完成した見出しタグ

スティンガー5(stinger5) カスタマイズ第11回目 見出しタグh3の変更 背景色ピンク
背景色をピンクっぽい色にしてみました。

スティンガー5のカスタマイズまとめ記事はこちら

ワードプレスのテーマ「stinger5」をカスタマイズして、企業のホームページとして2015年1月から運用します

stinger5カスタマイズ、今回までの記事

[stinger5]スティンガー5をビジネステンプレートみたいに、カスタマイズする方法 第1回「企業ロゴの追加」

[stinger5]スティンガー5をビジネステンプレートに、カスタマイズする方法 第2回「ヘッダーに企業電話番号の追加」

[stinger5]スティンガー5をビジネステンプレートに、カスタマイズする方法 第3回「グローバルナビの変更」

スティンガー5 カスタマイズ 第4回「グローバルナビの下に「Meta Slider」を使用して、スライド画像の挿入」

スティンガー5 カスタマイズ 第5回「トップページ 新着情報表示の変更」

スティンガー5 カスタマイズ第6回目「サイドバーの変更」企業のホームページみたいに!!

スティンガー5(stinger5) カスタマイズ第7回目「サイドバーの変更」要約文の省略方法

スティンガー5(stinger5) カスタマイズ第8回目「コンテンツ部分の幅を広げる方法」

スティンガー5(stinger5) カスタマイズ第9回目「サイドバー」新着入荷日(記事のエントリー日)の表示

スティンガー5(stinger5) カスタマイズ第10回目 固定ページのぱんくずリストの変更方法

1 Comment

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です