Home>Support>Remove Padding – Vantage

Remove Padding – Vantage

By Yifan Jiang, 10 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi Guys,

I’m building up a new site ( and thx to your great theme for that), but ran into problem resizing the paddings in multiple areas.

The WIP site is stored here:
http://wordpress.playaspect.com/

My troubles:
– Can I remove the menu’s top and bottom padding, so that it’s as tall as the logo?
– Can I reduce the top/bottom padding of the text areas, ie titles below the 4 pics and the body below?
(im using Page Builder for these)
– Can I reduce the top/bottom padding for the footer?

I tried all the Custom CSS i could find here but they werent working.

/* Vantage remove all header padding */

header#masthead {
padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove Logo in Menu image constraint */

header#masthead.masthead-logo-in-menu .logo > img {
max-height: none !important;
}

/* Footer */

.layout-full #colophon {
padding-bottom: 10px !important;
padding-top: 10px !important;
}

Thanks!

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

  1. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Yifan

    Thanks for running Vantage.

    1. Menu padding, top and bottom, can be set under Appearance > Customize > Menu: Menu Item Padding.

    2. The main container on the home page has 35px padding all round. You can set the top and bottom padding as follows:

    .home #main {padding-top: 35px !important;padding-bottom: 35px !important;}

    If you would like to remove all of the vertical padding associated with the main container you can use the following CSS:

    .home #main {	padding: 0 35px !important;}

    3. Footer padding can be set using the following:

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

    Looks like you’ve made good progress since posting this thread.

    All the best.

  2. 9 years, 7 months ago Dave Kirkwood

    Hi. Similar problem. My main menu http://www.davekirkwood.com/ isn’t acknowledging any changes to ‘Menu Item Padding’. I want to centre the text vertically to align with my logo and for the rollover background to extend to the full depth of the menu bar, at the moment there seems to be a margin/padding under the rollover which looks odd.

    Many thanks,

    • 9 years, 7 months ago Andrew Misplon
      Hi, I Work Here

      Hi Dave

      We had a problem with the Customizer in Vantage 2.3. We’ve resolved it in 2.3.1. Once you upgrade Customizer settings should respond as they normally would.

      Apologies for the hassle.

      Thanks for the help here James, much appreciated.

  3. 9 years, 7 months ago James

    Hi,
    add custom css

    i see in your .main-navigation ul li a class you have padding-top and padding-bottom remove both of these lines and replace with whats below.

    .main-navigation ul li a {
    padding: 20px 35px;
    box-sizing: border-box;
    height: 59px !important;
    }

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