ワードプレスでキャプションの文字サイズを小さくしたい。その方法とは?
WRITER
バランス悪いなぁってずっと気になっていたキャプションの文字サイズ。
やっと対応することにしました。
キャプションの文字サイズをCSSを使って変更する
「外観」→「追加CSS」を選択します。
「追加CSS」の入力エリアに以下のコードを追加します。
1 2 3 |
.wp-block-image figcaption{ font-size: 11px; } |
こんな感じです。
数字の部分「11px」は自分の好みの大きさにしてみてください。
入力できたら、[公開]ボタンをクリックします。
サイトを見てみましょう!
変更前のキャプション文字のサイズは↓でしたが、
変更後のキャプション文字のサイズは↓になりました。
いい感じ!
私は文字の色も変えたかったので、
1 |
color: grey; |
も追加↓しました。
1 2 3 4 |
.wp-block-image figcaption{ font-size: 11px; color: grey; } |
※「grey」の部分はご自身の好みの色で。
どうでしょうか。
あまり変わらないですか、ね。
でもいい感じになりました♪