【JINカスタマイズ】css－画像キャプションを中央揃えに、フォントサイズと色の変更

JIN

2021.06.27 2020.05.10

画像キャプションのカスタマイズです。

モフ雄

そのキャプションの表示を変更してみるよ

Contents

キャプションの位置と文字の大きさ、色の変更

デフォルト状態だとこのようにキャプションが写真から離れていて、左揃えになっています。

これを

このように画像に近い位置で中央揃え、文字は少し薄い色にして、ちょっと小さくしてみます。

.wp-block-image figcaption{
	text-align:center;/*中央揃えに*/
	font-size:14px;/*フォントサイズ*/
	color:#787878;/*フォントの色*/
	margin-top:-20px;/*画像とキャプションの距離*/
}

モフ美(娘)

お好みでどうぞ

旅行記などは大きい画像にキャプションで説明もいいですね！