Close gap between bottom of page and footer

Hi Support Team,

How can I close the gap between the bottom of the page and the footer. I already tried the code below but without effect.

#pg-99-0 {
    margin-bottom: 0;
}

Hope you can help.

Hello,

Can you please provide a link to your website?

Kind Regards, Roman.

Hi Roman,

The site is : www.janzaal.nl/simad

Hello, thank you for the link.

Do you want to do it on that page only or sitewide?

Kind Regards, Roman.

Hi Roman,

I want to do it sitewide and, if possible, with a sitewide sticky footer as well.

Hope you can help.

Thanks in advance,
Jan

Hello Jan,

It looks like you are using this custom CSS rule:

.home .site-content {
    margin-top: 0px;
}

…please try to use this instead:

#content {
    margin: 0px;
}

Please create a new topic for your sticky footer issue in order to make it easier to help you.

Kind Regards, Roman.

Hi Roman,

Thanks. The gap is not so big anymore but not closed. Have you an other solution to achieve this?

Ok I will make a new topic for the sticky footer issue.

Best regards,
Jan

Hello Jan,

You can try to add this:

.entry-footer {
    margin-top: 0 !important;
}

Kind Regards, Roman.

Thanks Roman,

Works perfect.
Have a nice weekend.

Best regards,
Jan

Great! You are welcome Jan :slight_smile:

And have a nice weekend as well!

Kind Regards, Roman.