Archived topic
Can't remove extra Space above and below all posts. Pages look great.
4 replies · Started by Carl on January 28, 2019
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
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 :)
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?
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.
Hmm that CSS should only appear in blog archive/posts pages and not single posts so it shouldn't have fixed your problem.
