[Resolved] hook element at bottom extra white spacing?

[John MacKenzie]

I’ve added a hook element at the bottom of the page with 2 divs in it, however there is a big white space gap between the 2 divs but i cant see any css doing this?

Thanks!

[Elvin]

Hi,

I’ve added a hook element at the bottom of the page with 2 divs in it, however there is a big white space gap between the 2 divs but i cant see any css doing this?

That is correct.

But while there’s no CSS that’s doing this, there’s an empty <p> </p> tag that’s causing the space between .footer-header and .wpsp-wrapper. Removing this empty paragraph tag should remove the white gap you see between them.

[John MacKenzie]

thanks! i removed all the spaces in that header element but still a space,i dont see where a p could be created?
<div class="footer-header">IMPORTERS OF FINE WINES &middot; FROM THE WORLD TO YOU DOOR</div><div class="wpsp-wrapper">[contact-form-7 id="3332" title="Email List Form"]</div>

[Elvin]

Ah my bad, its something inside the wpsp-wrapper rather.

As shown here: https://share.getcloudapp.com/yAuZ6Xv1

Removing these <p> within this div should remove the gaps.

[John MacKenzie]

ok thanks! it was an old constant contact plugin that was doing it thanks for sleuthing, what inspector are you using there to check things? it looks better than the chrome one?

J

[Elvin]

ok thanks! it was an old constant contact plugin that was doing it thanks for sleuthing, what inspector are you using there to check things? it looks better than the chrome one?

No problem. 🙂

I’m actually using Chrome too, in dark mode. 😀

[Author]

Posts