Navigation Button

  • tammy1999

    (@tammy1999)


    10 years ago

    I am trying to change the font size and the size of the button on the navigation menu and I’m not getting anywhere. The CSS is what I am using now. The buttons are rather tall and not much space between them.

    Help is much appreciated.

    http://scgccmulti.wpengine.com/

    .navbar .nav li.free_download.btn {
    position: relative;
    bottom: 10px;
    padding: 2px;
    line-height: 18px;
    vertical-align: middle;
    }

    .navbar .nav li.free_download.btn a {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.31);
    padding: 3px 13px;
    }

Viewing 1 replies (of 1 total)
  • philwebs

    (@philwebs)

    10 years ago

    The padding in this CSS, which is from Bootstrap, is making the buttons taller than you would like. You will need to add some CSS to your style.css file of the theme. 

    .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
   //I've removed stuff here
}

    You could try something like changing the padding to:
    padding: 2px, 12px;

    To make more space you will need to add a margin to the two button elements.

    Hopefully this helps.

Viewing 1 replies (of 1 total)

The topic ‘Navigation Button’ is closed to new replies.