Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 13, 2022 at 1:54 pm #1368740
    nV15OoBtg21iTn5z

    I’ve changed the menu color for one item using a custom CSS class in Appearance>Menu.

    I’d also like to change the…

    – The highlight line below the menu item (active menu item color) when someone is on that particular page
    – The highlight line below the menu item (hover menu item color) when someone mouses over that specific menu item

    (The same color for all of the above)

    How can I achieve this?

    October 13, 2022 at 7:18 pm #1368766
    Rikard

    Hey nV15OoBtg21iTn5z,

    Please try the following in Quick CSS under Enfold->General Styling:

    #menu-item-5189 .avia-menu-fx, #menu-item-5189:hover .avia-menu-fx {
    background-color: green;
    border-color: green;
}

    Best regards,
    Rikard

    October 14, 2022 at 2:33 am #1368788
    nV15OoBtg21iTn5z

    I tried using that CSS code but it didn’t work.

    I also tried adding “!important” and I made sure to clear all of my CSS settings for caching. Still not working, though.

    October 14, 2022 at 8:52 am #1368819
    Ismael

    Hi,

    Thank you for the inquiry.

    The hash or pound symbol (#) in the hex color values are missing. Please try the css code again.

    #menu-item-5189 .avia-menu-fx, #menu-item-5189:hover .avia-menu-fx {
    background-color: #a44200;
    border-color: #a44200;
}

    Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvyTSQ5giSrvq4CAiJ?e=IsFr9E

    Best regards,
    Ismael

    October 14, 2022 at 2:30 pm #1368870
    nV15OoBtg21iTn5z

    Foolish oversight on my part. Thanks, Ismael. It is working now.

    October 14, 2022 at 4:45 pm #1368894
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    October 17, 2022 at 9:38 pm #1369169
    nV15OoBtg21iTn5z
    This reply has been marked as private.
    October 18, 2022 at 12:34 am #1369182
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change Active Menu Color for One Item’ is closed to new replies.