WordPress 投稿見出しのセレクタ

2021.04.20

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

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

見出し１（タイトル）

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

見出し２

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

見出し３

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

見出し４

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

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