Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 12, 2017 at 2:09 am #887664
    steve3434

    Hi,

    I am trying to change a main menu button color from a theme color to #43ba4a.

    Below is the current css I have, but it’s not working.
    #top .av-menu-button > a .avia-menu-text #menu-item-3440 > a > span.avia-menu-text {
    background-color:#43ba4a;
    }

    Any help is greatly appreciated.

    Thanks,
    Steve

    December 12, 2017 at 12:22 pm #887872
    Victoria

    Hey Steve,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #wrap_all .header_color li#menu-item-3440.av-menu-button-colored  > a .avia-menu-text {
    background-color:#43ba4a;

}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 12, 2017 at 8:09 pm #888060
    steve3434

    Hi Victoria,

    I tried putting the css in the Quick CSS and it didn’t work.
    Also, I tried putting it in the theme css and it said there were 4 errors and it might break the site.
    Any other work arounds you can suggest?

    Thanks,

    Steve

    December 13, 2017 at 1:54 pm #888344
    Rikard

    Hi Steve,

    Please try this instead:

    #menu-item-3440 .avia-menu-text {
    background-color:#43ba4a !important;
}

    Best regards,
    Rikard

    December 13, 2017 at 6:41 pm #888499
    steve3434

    Rikard,

    Thanks so much. IT WORKS!!

    Steve

    December 13, 2017 at 10:46 pm #888589
    Nikko

    Hi Steve,

    Glad to hear that, let us know if you need further assistance :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change Menu Button Color’ is closed to new replies.