JIN

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

JIN
にほんブログ村 その他趣味ブログ 趣味ライフへ 人気ブログランキング

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

モフ雄
モフ雄

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

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

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

これを

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

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

お好みでどうぞ

キャプションで様子を説明

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

lovely日和
タイトルとURLをコピーしました