[Resolved] How to reduce space between elements

[Helen]

Hello,
I’m thoroughly enjoying experimenting with GeneratePress and Elementor and in the middle of improving the look of a site. I have a layout query which I hope you can help me with please?

I have a wide section with background image and in that section have placed 3 columns. In each column is a testing image and a button underneath. I’ve managed to reduce the top and bottom space so that the image sits against the top of the section and the button is against the bottom, but I’d also like to reduce the space between the bottom of the image and the top of the button so that they sit together.

A screenshot is at http://reducestress.co.education/wp/wp-content/uploads/site-screenshot.jpg, and I’d be most grateful for your advice.
Best wishes from Ireland and Happy New Year,
Helen

[Tom]

Hi Helen,

Any chance you can link me to the page? I’m not familiar with the HTML that builds those columns so I would have to inspect it.

Happy New Year 🙂

[Helen]

Hi Tom,
Many thanks for your response. The testing site is at http://reducestress.co.education/wp/
Cheers,
Helen

[Leo]

Hi Helen,

Try this CSS:

.elementor-widget.elementor-element {
    margin-bottom: 0px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let us know.

[Helen]

Hi Leo,
Many thanks for your assistance. Yes, that worked fine. It also reduced margin to zero in another element but I was able to adjust that by adding margin back on the individual element.

Loving GeneratePress and very glad I bought the premium>
Thanks again,
Helen

[Leo]

Glad we can help!

[Author]

Posts