How Can I remove the space below the footer with BootStrap Theme?

Started by blueglass22, August 24, 2023, 05:32:26 AM

Previous topic - Next topic

blueglass22

I have installed AbanteCart with the BootStrap Theme. I have realized that there is a space below the footer block. The footer Block doesn't fill the entire footer. How do I remove this space?

Basara

Hello.

Try add this to your theme css file
div#footer {
    margin-bottom: -50px;
}

Burlesque

 I had a similar issue. Check your CSS and see if there's a margin or padding set for the footer or the element above it. Adjusting that should help remove the space below the footer.

sirisharabas

Yes, I got the exact same error and I had to check very carefully.

luciledalton

To put this element at the bottom of the page, add fixed-bottom to the class footer.

Burlesque

Quote from: Basara on August 25, 2023, 04:26:50 AM
Hello.

Try add this to your theme css file


This kinda helped me, I just needed to make it 0 instead of -50

.footer {
    margin-bottom: 0; /* or padding-bottom: 0; */
}

Alex Gross

Quote from: luciledalton on February 08, 2024, 11:40:16 AMTo put this element at the bottom of the page, add fixed-bottom to the class footer.

That won't be enough.

Morgulus

The issue is probably caused by the Bootstrap theme's CSS. Check the footer's margin, padding, and height to make sure it properly fills the bottom of the page.

Forum Rules Code of conduct
AbanteCart.com 2010 -
Powered by SMFPacks Social Login Mod