Okay
  Public Ticket #304851
header > nav > ul > li > a padding issue
Closed

Comments

  • Rob started the conversation
    October 22, 2014 at 2:18pm

    Hi, 

    I'm having some trouble changing the bottom padding of the nav bar/header on my salient theme. When I view the page source it says it has 59px of bottom padding but I can't find this anywhere in the css editor. 

    My intention is to reduce the gap between the navigation/header at the top and the start of the 'Our Work' banner. Any help would be much appreciated!

    Rob

  •  9,322
    Tahir replied
    October 22, 2014 at 5:19pm

    Hey Rob!

    Add this into the Custom CSS box located in your Salient Options panel : 
    body header#top nav > ul > li > a {
    padding-bottom: 33px !important;
}
body #header-space {
    height: 195px!important;
}

    Thanks

    ThemeNectar Support Team 

  • Rob replied
    October 22, 2014 at 6:59pm

    Hi Tahir, 

    Thanks for the code. Am I simply adding this into the Custom CSS box [I'm guessing this is the same as the Salient Style.css Stylesheet found in Appearance > Editor] or do I replace the following with it? 

    "header#top nav > ul > li > a {

    padding: 0px 0px 0px 19px;

    display: block;

    color: #141414;

    font-size: 13px;

    font-weight: bold;

    line-height: 20px;

    -webkit-transition: color 0.1s linear;

    -moz-transition: color 0.1s linear;

    -o-transition: color 0.1s linear;

    transition: color 0.1s linear;"

    Cheers

    Rob

  •  9,322
    Tahir replied
    October 23, 2014 at 1:39pm

    Hey Again!

    You add it here : http://prntscr.com/4yvibn . Changes made to style.css would be lost if you update in future . 

    Thanks 

    ThemeNectar Support Team 

  • Rob replied
    October 23, 2014 at 8:02pm

    Ahh I found it and it works! Thanks again, much appreciated

    Rob