Okay
  Public Ticket #1058753
Add a button to secondary nav
Closed

Comments

  •  16
    Jen started the conversation
    February 12, 2017 at 4:24pm

    I saw this CSS to add but I can't see how then to add in the button to an individual item...



    body header#top nav > ul > li.menu-button a {

    box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;

    -moz-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;

    -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;

    -o-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;

    transition: opacity 0.3s linear;

    -moz-transition: opacity 0.3s linear;

    -webkit-transition: opacity 0.3s linear;

    -o-transition: opacity 0.3s linear;

    background-color: #27CFC3;

    padding: 6px 8px!important;

    margin-top: 21px!important;

    color: #fff!important;

    top: -3px;

    border-radius: 2px 2px 2px 2px;

    font-family: ‘OpenSansbold’;

    font-size: 12px;

    letter-spacing: 2px!important;

    text-transform: uppercase;

    }


  •  8,999
    Tahir replied
    February 13, 2017 at 2:56pm

    Hey Jen , 

    That Css is not needed. Please have a look at this Article : WP 4.7 Bug | Menu Item Style not showing in Menu Options in WP Dashboard . 

    Be.st 

    ThemeNectar Support Team 

  •  16
    Jen replied
    February 13, 2017 at 3:37pm

    So I DID see that article and I DID do all that... but no such button appeared :(..... and I didn't know how or where to style it...


  •  8,999
    Tahir replied
    February 13, 2017 at 3:40pm


    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  •  16
    Jen replied
    February 13, 2017 at 3:40pm

    See here it is.....


  •  16
    Jen replied
    February 13, 2017 at 3:41pm

    http://www.zone34.com.au/


    its the Book now button I want in the secondary nav


    With and orange background and no rounded corners

  •  8,999
    Tahir replied
    February 13, 2017 at 4:08pm

    That option is not meant for the Secondary Nav . However add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    #header-secondary-outer nav > ul > li.button_solid_color > a:before {
    background-color: #ce5d25;
    display: block;
    position: absolute;
    left: 0;
    padding-bottom: 10px;
    transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    width: 100%;
    height: 16px;
    content: ' ';
    z-index: -1;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
#header-secondary-outer nav > ul > li.button_solid_color > a {
    color: #f7f7f7 !important;
}

    Thanks

    ThemeNectar Support Team