[Resolved] Can't remove extra Space above and below all posts. Pages look great.

[Carl]

I have read through as much previous support tickets as possible.

I still can’t figure out how to remove the extra space under and above each post. Pages don’t have the same space.

Here is a page: https://www.understandhealth.ca/

Here is a post: https://www.understandhealth.ca/sleep-better/

There is a space below header and above body. And also seems to be extra margin and padding above and below the footer.

I am using elementor for everything but I can’t control this space with elementor. Sorry if code is messy I am new to web dev.

I am using GP Premium 1.7.7

[Leo]

Hi there,

Is this the space you are referring to?
https://www.screencast.com/t/AIonliFW9

If so it’s added within Elementor.

I would assume you can remove this within the plugin. Their support should be able to help you out if you can’t figure out.

Let me know 🙂

[Carl]

No sorry, but you helped me now find the problem. Thanks!

I need to eliminate the 2em margin set for posts in the generate press theme file:

.post {
margin: 0 0 2em;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2em;
margin-left: 0px;
}
Which is found in: /wp-content/themes/generatepress/style.min.css?ver=2.2.1:1

Where is this in the customize settings?

[Carl]

Okay so I just entered that snippet in the additional css spot in the customizer.

But I entered a 0em instead of 2em. It achieved the result I wanted.

If there is a better way (there is probably many) let me know please. I will mark this as resolved for now.

[Leo]

Hmm that CSS should only appear in blog archive/posts pages and not single posts so it shouldn’t have fixed your problem.

[Author]

Posts