WordPress 投稿見出しのセレクタ

見出しをカスタマイズしてみたいと思い、F12を押してデベロッパーツールからセレクタを抜き出してみました。

.article h○ が、それぞれの見出しのセレクタとなります。
{ } 内は、私個人の「外観→カスタマイズ→追加 CSS」で設定している内容(2021.04.20 現在)です。


見出し1(タイトル)

.article h1 {
	background: linear-gradient(#a25768, #c4697e);
	border: 1px #a25768;
	color: #ffffff;
	padding: 15px;
}

見出し2

.article h2 {
	background: linear-gradient(#a25768, #c4697e);
	border: 1px #a25768;
	color: #ffffff;
	padding: 10px
}

見出し3

.article h3 {
	background: linear-gradient(#fef4f4, #ffffff);
	border: 1px #fef4f4;
	border-bottom: solid 3px #a25768;
	color: #6a6a6a;
	font-size: 18px;
	padding: 10px;
}

見出し4

.article h4 {
	border-top: solid 2px #a25768;
	border-bottom: solid 2px #a25768;
	color: #6a6a6a;
	font-size: 18px;
	padding: 10px;
}

コピー、アレンジなど、自由にしていただいてOKです。


コメント