This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Remove Padding – Vantage

Resolved 4 replies premiumthemetheme-vantage
Yifan Jiang
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 11 years, 6 months ago

    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. Dave Kirkwood 11 years, 10 days ago

    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,

    • Andrew Misplon Staff 11 years, 10 days ago

      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. James 11 years, 10 days ago

    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.

Have a different question or issue?

Start New Thread