Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1020770

    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 1 week, 1 day ago by  RafaRojo.
    #1020775

    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

    #1020786

    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.

    #1020793

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

    thank you so much

    #1020798

    Hi,

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

    Best regards,
    Jordan Shannon

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.