WordPress

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

ABOUT ME
akira
akira
2006年にうつ病を発症し会社を退職。1年で回復し社会復帰できましたが、2018年1月に人生2回目のうつ病を発症し、その年の6月に会社を退職。現在無職で闘病中です。人生山あり谷あり。早く寛解したいです。

Warning: Use of undefined constant XML - assumed 'XML' (this will throw an Error in a future version of PHP) in /home/harusuki/akira-t.com/public_html/wp-content/plugins/wp-syntaxhighlighter/wp-syntaxhighlighter.php on line 1048