Home>Support>Removing Footer Padding in Vantage Premium

Removing Footer Padding in Vantage Premium

By kl13, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

Hi,
I’m uisng Vantage Premium and it’s great. I’ve just run into one issue that I haven’t been able to fix. I want to remove all padding, top /bottom, in the Footer. My intention is to have the footer only consist of the footer’s background image. Since I’m using the box style (not full) I’ve tried using this code in custom CSS:

#colophon {
padding-bottom: 0px !important;
padding-top: 0px !important;
}

But unfortunately, the padding is still there. Can you advise?
Any assistance would be great.

URL: http://brightcreationsart.com/new/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Kl13

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    #colophon {
        margin-bottom: 0;
    }
    
  2. 8 years, 11 months ago kl13

    Hi Andrew,
    Thanks for the quick reply! Unfortunately the code didn’t change the bottom margin. I’ve also increased the body/container minimum height in an effort to force the footer down with this code:

    #main {
    min-height: 700px;
    }

    But the bottom border remains. :(

  3. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    I can’t see the Custom CSS I sent in your source code. Try clearing your caching plugin’s cache. Caching plugins are great but they can be a barrier during the development stage of your site.

  4. 8 years, 11 months ago kl13

    I cleared the cache, but still didn’t see results. I then disabled WP Super Cache and reloaded, but no change. Can you see the code now?

  5. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Looking good now, no space at the bottom.

  6. 8 years, 11 months ago Private Message - kl13

    This is a private message.

  7. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Ok, I see now.

    The CSS we used did remove the space at the bottom of the site.

    What do you want to happen to the last green block? It has your site information text in it. What should happen to that?

    (If at all possible, try keeping private replies for sensitive data, it helps make the forums a little more readable for users, thanks for your help on this :) )

  8. 8 years, 11 months ago kl13

    I was thinking that the image would be at the very bottom of the page once the padding was removed. I’d then change the color of the site information text to show up a bit better. Just so I understand correctly, we’ve removed the padding and the bottom green bar is there by design, is that right? Thanks again for all your help with this!

  9. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    That’s right. The site structure goes:

    Footer widget area: this is where you have the background.
    Footer site information text area: this is the light green box.
    Usually there is a margin here. We’ve removed it so the site information text box touches the bottom of the screen.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More