Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 12, 2018 at 5:49 pm #1020770
    RafaRojo

    Hello community!
    My website is based on Enfold and I need some help to change my menu in the header.
    I would like to change the colors of a single item in the main menu, I set it as “Button style (colored)” but it appears with the default colors.
    So I would like to change the background of the item with orange (# ff8d42), the text in white (#ffffff), when hovered the background in red (# bf1329) and the text always white (#ffffff).
    I suppose can be enough a quick css in the general style under enfold menu, right?

    Thanks to anyone who can help me create the css code for my needs!
    RafaRojo

    • This topic was modified 6 years, 2 months ago by RafaRojo.
    October 12, 2018 at 5:56 pm #1020775
    Jordan Shannon

    Hey Raffaele,

    Add this to quick css:

    #menu-item-1562 a .avia-menu-text{
    background-color: #ff8d42!important;
    color: #ffffff!important;
    border-color: #ff8d42!important;
}

#menu-item-1562 a .avia-menu-text:hover{
    background-color: #bf1329!important;
    color: #ffffff!important;
    border-color: #bf1329!important;
}

    Best regards,
    Jordan Shannon

    October 12, 2018 at 6:13 pm #1020786
    RafaRojo

    thanks Jordan for the quick response!
    I copied the code in the quick css and I made sure I did not skip a few lines, but it did not work.

    October 12, 2018 at 6:33 pm #1020793
    RafaRojo

    ok I had to clean the browser to clear the cache!
    it works: D

    thank you so much

    October 12, 2018 at 7:19 pm #1020798
    Jordan Shannon

    Hi,

    I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change colors only of one item in my main menu’ is closed to new replies.