bottom margin zero on images

Hi there,

We set the image margin-bottom to 0 to avoid a situation like this when using the Grid block:
https://www.screencast.com/t/ZZJ6BWlrY4CB

As you can see in the above screenshot, the default wp image margin makes a visual height difference for the 2 grid containers, then you’ll need additional CSS to fix this issue.

I would recommend using image block of GenerateBlocks, as you can easily manage the spacing yourself.

thanks for the quick reply. That assumes a use case, which I’m not sure is ideal. I would think you should use the GP image if you wanted to zero out your themes margin, not the other way around. The issue I run into a lot with this is when you have a two column layout an image on the right side. then when your columns stack you might depend on that margin below the image to prevent the image from being right up against the next block below. That layout you presented in the screenshot is really one that should use object-fit with an absolute position anyways because we don’t know the size of the wrapper “assuming thats a full width layout”. maybe as a compromise you should consider only applying that style automatically above the stacking breakpoint

Hi there,

the reasoning was this – we had a lot of users wanting to remove the Images bottom margin when working inside a GB Grid block, and that required additional CSS.

So the options were:

a. carry on providing CSS

b. remove the margin, as the space could always be added back using a Spacer block or using GB blocks Spacing settings or the Grid Blocks Vertical Gap Settings.
b+, if necessary add some CSS to apply a global margin back in.

c. create our own Image Block

we opted for b. as at it resolved a common support requests, and at that time option c. was not a viable option.

For your layout if the issue arises when the GB Grid stacks, then you should be able to resolve that in the Mobile responsive view using either the Grid Block > Gap options, or the column Containers Padding / Margin settings.

Hi there! We haven’t heard back from you for a while now so we’re going to go ahead and set this topic as resolved. Feel free to reply if you need any more help.