スティンガー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回目 固定ページのぱんくずリストの変更方法

The following two tabs change content below.
AKIRA

AKIRA

上尾市在住の、リサイクルショップで働くサラリーマン。 Twitter・Facebookやってます。 小心者なので、誰か声かけてくれると嬉しいです。
スポンサーリンク
スポンサーリンク
スポンサーリンク

コメント

コメントをどうぞ

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