[Support request] Global Padding Around Images

Home Forums Support [Support request] Global Padding Around Images

Home Forums Support Global Padding Around Images

  • This topic has 4 replies, 2 voices, and was last updated 5 months ago by David.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2149718
    Lee

    Hey guys,

    Is there a way to add padding around images uploaded to pages? I’d like to create a bit more space between my images and text that’s presented directly below it. I’m currently using a “spacer” in the page editor but it would be much easier if there was a global way of changing this.

    Many thanks.

    #2149726
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    figure.wp-block-image,
    .gb-grid-wrapper figure.wp-block-image{
        margin-bottom: 2em;
    }
    #2155137
    Lee

    Thanks for this David,

    I’ve tried adding this code in the customiser but it doesn’t seem to be affecting the padding?

    Lee.

    #2155146
    Lee

    I’ve just provided a link to a page to demonstrate the issue I’m having with needing padding around images.

    #2155178
    David
    Staff
    Customer Support

    Ok so on that page the images have no captions, and no caption means no <figure> element, so to cover all bases try:

    figure.wp-block-image,
    .gb-grid-wrapper figure.wp-block-image,
    div.wp-block-image,
    .gb-grid-wrapper div.wp-block-image {
        margin-bottom: 2em ;
    }
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.