Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Spacing after images

  • Hello again,

    I know this topic comes up quite often, and I found the snippets to adjust the CSS styles to get a margin after the image block, but it only works for mobile browsers, not on desktop. I tried all the snippets I found here in the forum:

    figure img {
    margin-bottom: 1.5em;
    }

    .wp-block-image img {

    margin-bottom: 1.5em;
    }

    .wp-block-image figure, figure {
    margin-bottom: 1.5em;
    }

    .wp-block-image {
    margin-bottom: 1.5em;
    }

    All versions do what they are supposed to, but as I said, only on mobile. I’ve got the GP Theme installed on various sites and all show the same issue. Is there anything else I could try?

    Thanks in advance!

  • The CSS should work on both desktop and mobile.

    If the issue happens, try adding the CSS to the top of your CSS field to avoid adding it to a media query.

  • That did the trick. I added it first thing in the CSS section, and now it works on desktop as well.
    Thanks for the hint.

  • You are welcome   🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.