Okay
  Public Ticket #1490509
secondary menu ..color
Closed

Comments

  •  1
    wordpress813 started the conversation
    March 4, 2018 at 3:53pm

    Hello

    I added a secondary menu with email and phone icons.  They do not show the secondary color I chose in menus.  Anyone know how I can add css or something to change the color?

    Thank you!!

    Jim

  •  3,034
    Andrew replied
    March 4, 2018 at 9:16pm

    Hi Jim,

    For the color of those tro icons you can use this CSS:

    #header-secondary-outer ul.sf-menu [class^="icon-"]{
    background-color: red;
}

    add it to salient \ general settings - css script related - custom css code.
    Hope this helps.

  •  1
    wordpress813 replied
    March 4, 2018 at 10:44pm

    Hello Andrew

    Thanks so much for the code. I wanted to add a hex code but that didn't work. But still looks better!

    Is there a chance you have a code that I could resize the icons? They are to big and interfere with links.

    Thanks again

    Jim

  •  3,034
    Andrew replied
    March 5, 2018 at 8:39am

    Hi Jim,

    To resize the icons use this CSS:

    #header-secondary-outer ul.sf-menu [class^="icon-"] {
    height: 21px;
    width: 20px;
    font-size: 10px;
    line-height:25px;
}
#header-secondary-outer ul.sf-menu span{
    margin-right:3px;
}

    Cheers.