[Resolved] White space space after post using Elementor template

[Heidi]

Not sure if this is a GP or Elementor issue. Starting here because you guys are always so responsive and helpful.

I designed a post template with Elementor. I’m using this same template for three types of posts: standard post, custom podcast post type, and custom event post type.

Custom post types display correctly, with no break between the post and the footer. Standard posts display an extra space between the post and the footer if I use the Elementor template. If I revert to the GP customizer for the standard post design, I can eliminate the extra space by selecting the “One Container” layout. Examples:

• Custom podcast post type with Elementor template (no break between post and footer) > https://www.nadahogan.com/stage/podcast/008-belkis-clarke-mitchum-how-to-find-self-value-after-assault/
• Standard post type with Elementor template (white space between post and footer) > https://www.nadahogan.com/stage/2018/09/24/the-best-way-to-refresh-mind-body-soul/
• Standard post type using GP customizer (no break between post and footer) > https://www.nadahogan.com/stage/2018/09/13/how-to-find-the-courage-to-take-that-leap-of-faith/

I did inspect, and I can see that there are differences in the code. But it’s beyond my ability to suss out, and I’ve also looked at it too long to think straight. I’d be delighted if you could offer a simple CSS fix, or even a toggle switch I’m missing in the settings. Thanks!

[David]

Hi there,

try this CSS:

.elementor.post {
    margin-bottom: 0;
}

[Heidi]

Brilliant! Instant fix. Thanks so much!

[David]

You’re very welcome

[Author]

Posts