Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1020527

    Hey guys,

    I’d like to have different color (gold) for the active page in the main menu.

    I tried both (Advanced Styling tab + only apply to active state / Quick CSS) but I’m facing no changes at all with both approaches. Also tried some solutions in similiar threads here but non of them seem to work for this client’s page.

    Could you provide some kind of quick fix to make the active color visible persistently?

    Thx, Regards


    Hey micscr,

    It looks like you have this in your Quick CSS, which is overriding the settings:

    #header_main .avia-menu-text {
        font-size: 18px;
        color: #24344d !important;

    Please try to remove that or only remove the !important bit of the code.

    Best regards,


    Hey Rikard,

    thx a lot for your quick reply!

    1. This has been the right input, indeed the code seemed to override it.

    2. Additionally I missunderstood the theme’s Advanced Styling feature, just discovered that you need to create a duplicate of the entry in order to use the “only apply to…” feature. Now I can style the menu colors just with that, perfect.





    Glad we could help!

    Please take a moment to review our theme and show your support
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Different Color for Active main menu item’ is closed to new replies.