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

    #1146654

    Hey Carolin,

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

    Best regards,
    Jordan Shannon

    #1146676

    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..

    #1146685

    Hi,

    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

    #1146689

    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!

    #1146853

    Hi,

    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 {
      font-weight:bold;
      color:#387485;
    }

    Best regards,
    Rikard

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

You must be logged in to reply to this topic.