Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #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!

    • This topic was modified 6 months, 1 week ago by  RafaRojo.

    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


    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.


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

    thank you so much



    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.