Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1146648

    Dear Enfold team,

    I’ve tried the advanced styling and some of the codes you provided in this forum but nothing seems to work for me..

    I would simply like to change the colour of my active menu item to a certain colour, and have the same highlight colour when hovering.

    How can I achieve this?

    Thanks for your awesome support!


    Hey Carolin,

    I’m currently seeing the active color as :#387485. Is this not correct?

    Best regards,
    Jordan Shannon


    Hi Jordan,
    I was playing around but didn’t manage to solve the problem.
    I currently see the active and inactive menu items white (#ffffff) and light grey on hover.
    On the NEWS page, the behaviour seems to be different and the active menu item is #387485??
    I’m really going crazy over this problem…
    Maybe it has something to do with the transparent header and behaviour “shrinking when scrolling”??
    Thanks for your help..



    Yes the transparent header has the white hover and highlight styling. So you want it to have #387485 at all times then?

    Best regards,
    Jordan Shannon


    I would like to have white font for inactive menu links and the #387485 colour with bold font on hover and active menu item.

    Thanks for your patience Jordan!



    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    #avia-menu .current-menu-item .avia-menu-text, #avia-menu .avia-menu-text:hover {

    Best regards,

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

You must be logged in to reply to this topic.