How do I reduce the spaceing between an image and the caption underneath?

  • Resolved minhangji

    (@minhangji)


    3 years, 3 months ago

    I’m trying to make a new website using the Milton Lite theme.

    I find that when I add images with a caption, there is a large space between the image and the caption. I have tried other themes, and this only seems to be an issue in Milton Lite.

    On a desktop, this is mainly an aesthetic problem. The main issue is that on a mobile, the gap between the image and the caption is so large that the caption is actually closer to the subsequent image underneath, and thus it looks like the captions are paired with the wrong images.

    Is there a way to control the spacing between the image and the caption underneath?

    By the way, my site is in Chinese at the moment, but that is not relevant to the issue.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • @academiathemes

    (@academiathemes)

    3 years, 3 months ago

    Hello,

    You can go to Appearance > Customize > Additonal CSS and add this code:

    .entry-content .wp-block-column .wp-block-image img { margin-bottom: 1rem; }

    This should do the trick in your particular case.

    Best regards,
    Dumitru

    Thread Starter minhangji

    (@minhangji)

    3 years, 3 months ago

    Thanks, Dumitru. That worked. I played around with the numbers a bit and now it appears much better.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I reduce the spaceing between an image and the caption underneath?’ is closed to new replies.