ひとりオンラインビジネスの備忘録

【ELEMENTOR】画像のキャプション左揃えを中央揃えにする方法

画像のキャプションを沢山設定しているクライアント様のサイトがありました。

今回リニューアルを気にELEMENTORを使ったサイトに切り替えましたが、画像のキャプションが全て「左揃え」になってしまいました。

それを中央揃えに変更。

ついでに字体やフォントサイズ、カラーも一緒に変更しました。

中央揃えにするためのコード

/* 画像キャプションを中央寄せにする処理 */
.wp-block-image figcaption {
	text-align: center;
}
.wp-caption-text {
	text-align: center;
	font-style:normal;
	font-size:14px;
	color:#454545;
	line-height:1.4;
	font-weight:300;
}

このコードを「カスタムCSS」に入れまして、無事画像キャプションを左揃えから、中央揃えに変更することが出来ました~!

wp-blok-imageの方は、固定ページの画像のキャプションを中央揃えにするためのもの。

wp-caption-textは投稿ページの画像キャプションを中央揃えにするためのものです。

以上、ELEMENTORで画像のキャプション左揃えを中央揃えに変更するための方法でした。

Share on facebook
Facebook
Share on twitter
Twitter