Blank Space above footer

Hi @bryantanjung,

> Hi guys, I’ve got a quite annoying blank space that I can’t remove.
I don’t know whether its come from the plug-in themes or perhaps I put a wrong code before. Will appreciated if anyone knows how to remove this.

Can you send us a screenshot of the blank space you are seeing?

Thanks!

Hi Mikey! Thanks for your response here is the screenshot,I marked it with red

https://ibb.co/h230sR

Hi @bryantanjung – since your website is under construction and we’re not able to have a look at the site, it’s difficult to give exact advice.

What you’re seeing can likely be fixed by adding a bit of custom CSS under Appearance > Customize > Additional CSS.

There are three options for the selector (the area that is causing this whitespace:

• It’s the section that has the tracking number and billing email
• It’s the footer signup section below that
• It’s an independent section in between

The best way to find out is to right-click and then select “Inspect” and then find out what is causing it.

Likely either changing the margin, the padding or the display of the above section(s) will do the trick for you.

Hi Job, sorry I forgot to open my website, I just opened it now. I did some experiment with inspect tools but i still can’t figure which part I should change .
Anyway, thanks for the response ??

Ps.I don’t have much coding skill.

Thanks for that. It’s a combination of several selectors, but adding these should solve the problem:

.site-main {
    margin-bottom: 0em;
}

div.content-area {
    margin-bottom: 0em;
}

div.page {
    margin-bottom: 0em;
}

If that’s deleting too much whitespace in one, go, just deleting one of those block will make it less intense. Also note that this will affect all of your pages, so make sure to check that as well.

Thank you so much @jobthomas ! its work like a charm you are my saviour!

Just a small tweak, if you want to use all of those at the same time, you might want to just write:

.site-main,
div.content-area,
div.page {
    margin-bottom: 0em;
}

The above was just in case you wanted to use one of those in particular. Apart, from that, happy I was able to help you out!

Dear @jobthomas
I tried to use the codes you advised to Bryan as I’m struggling with the same issue on my web page.
I tried to use them separately as well as the consolidated one, but for my page, unfortunately it has no effect. ?? Is there maybe any other way how to remove unnecessary blank space above footer?
many thanks in advance for any advice.
Anna

Hey @annaklanduchova – the reason for that is that you’re not using Storefront. This is the theme (if I’m not mistaken): https://en-za.www.ads-software.com/themes/fotografie/ and this is the place to get support for that theme: https://www.ads-software.com/support/theme/fotografie

(Each theme is coded in a different way, so CSS that works with 1 theme doesn’t necessarily work with another theme.)

Dear @jobthomas
thanks a lot for information! I’ll contact them for support for Fotografie.

Hey @annaklanduchova – you’re welcome. All the best finding help there.

@jayvedas – that site isn’t using Storefront, so I can’t help you further here.

Hi @jobthomas
I’ve tried the code with the snippet plugin but I’m getting this message:

The code snippet you are trying to save produced a fatal error on line 1:

syntax error, unexpected ‘.’, expecting end of file

Is there any other way to remove the white area above the footer and under the header?

The website is https://nordpet.dk

Thank you, your help is much appreciated

@lpreetzmann please start a new thread when a topic is already marked as resolved. When you do so, please copy-paste the exact custom CSS you have (the whole file) in the thread. There’s no issue with the above custom CSS so it must be something else.

I’m having a similar issue with the white space at the bottom. It’s only showing on certain pages and only in IE and Edge. https://www.genesistech.net. Help appreciated!

Hey @shockwaveb – please open a new thread as this one has already been resolved.

Your site is not using Storefront however, and this support forum focuses only on that theme. Please contact your theme for support.