画像とキャプションの余白を詰めたい

  • R

    0_1639459938706_スクリーンショット1.png
    画像キャプションで入力すると、約1行分ほどの余白ができます。
    （スクリーンショットの赤印部分）
    ここを詰めることができたらと思い質問しました。

    過去質問を参考にしたり、テーマは違いますが下記URLを参考に追加CSSを試してみましたが、反映されませんでした。
    https://wp-cocoon.com/community/cocoon-theme/画像とキャプションの間を詰めたい/

    ご教授よろしくお願いします。

    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.8.2
    ご利用のサーバー名 : wpx
    PHPのバージョン : 8.0.12
    OS : win10
    ご利用のブラウザ : chrome
    該当サイトのURL : https://redlog.info/drip-oneger/

    0 1 件の返信

  • @rento さん

    こんにちは！
    添付画像、ありがとうございます。

    画像側で調整するか、キャプション側で調整するかという話になりそうですけど、
    こちらの環境では、例えば以下のコードを追加CSSに書くと余白を詰めることができます。

    .wp-block-image figcaption {
    margin-top: -1em;
}

    いろんな状況下での検証はしていませんので、適宜調整をお願いいたします。
    参考になりましたら幸いです。

    1
    R
     1 件の返信
  • R

    @tsu_
    早速のご返信をいただき、ありがとうございます。
    教えていただいたコードを追加CSSに記入後、余白を詰めることができました。
    大感謝です…！ 今後も何かあればまたよろしくお願い致します。

    0 1 件の返信

  • @rento さん

    解決して良かったです！

    テーマのサポート範囲であればお答えできますので、
    また何かありましたらお気軽にご相談ください！

    よろしくお願いいたします。
    （ご確認いただければ、ご返信には及びません）

    1