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



  • 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/



  • @rento さん

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

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

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

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



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



  • @rento さん

    解決して良かったです!

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

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