[Resolved] Problem with comments section – strange gap

[cmw]

Hi there,

Is there anyone that knows why there is a strange section between my discus comments widget (happens the same with WP default comments) and my footer? How could I remove it?

https://imgur.com/a/5lbpRKB

It is not on Elementor so it is quite strange.

Footer is created as a section and I tried to put negative margin on the top to cover that strange section in between but does not work.

I am starting to think it comes from GP Premium template …

Any idea?

Appreciate it 🙂

Many thanks.

*** I updated the test URL ***

[cmw]

After 2 hours that worked:

https://generatepress.com/forums/topic/removing-double-comment-boxes-gp-elementor/

Thanks anyway 🙂

[David]

Glad you found the solution

[cmw]

Hi David,

Well, I just updated the URL for my issue because it does not work. It was a quick fix but not a feasible solution as it only worked in very specific circumstances.

I just attach a photo where you can see how the comments section of GP Premium generates a space between the main body of my page and the comments section. I am not good programming so I can’t guess where it comes from.

I am using Elementor, and wpDiscuz to improve the basic WP comments form.

https://imgur.com/a/ZaHodsQ

Thanks for the help in advance 🙂

Cmw.

[Tom]

That’s happening because you’re using the “Separate Containers” option in Customize > Layout > Container.

If you’d like to continue using that option but remove the bottom spacing on pages, you can try this:

.page.separate-containers .site-main > * {
    margin-bottom: 0;
}

[cmw]

Hi Tom it’s me again,

Amazing help. Thanks for the help !

As you can see in the attached URL for my site, that gap is fixed. I only now have again the problem of my comments section duplicated.

If I add the following code to general page CSS or page CSS I took from https://generatepress.com/forums/topic/removing-double-comment-boxes-gp-elementor/, I get no comments at all.

.comments-area {
display: none;
}

How can I do to load the comments from the Elementor shortcode (so I can put them where I want with the adjusted size and margins I want) and avoid the default comments to appear? Right now as you can see I have them duplicated.

Many many thanks !!

Long live to Generate Press 😉

[Tom]

Try this:

article + .comments-area {
    display: none;
}

[cmw]

Thanks Tom you are a genius !

[Tom]

Glad I could help 🙂

[Author]

Posts