Support » Theme: Zakra » primary menu hover color

  • I changed the color of the “visited” links (custom css), but cannot figure out how to change the color of the menu items when i hover over them. I also need to change the color of the underline. Any help will be appreciated.
    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • @cseevinck

    Can you once try the below CSS code in the Additional CSS box provided via the Customizer Options and check once:-

    .tg-primary-menu > div ul li:hover > a {
        color: #76c8ae;
    }

    And for the underline, if you are referring to the same menu, then, can you once try the below CSS code in the Additional CSS box and check once:-

    .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current_page_item > a::before, .tg-primary-menu.tg-primary-menu--style-underline > div > ul > li.current-menu-item > a::before, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current_page_item > a::before, .tg-primary-menu.tg-primary-menu--style-left-border > div > ul > li.current-menu-item > a::before, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current_page_item > a::before, .tg-primary-menu.tg-primary-menu--style-right-border > div > ul > li.current-menu-item > a::before {
        background-color: #76c8ae;
    }

    Thanks.

    terryngari

    (@terryngari)

    Hi Theme Grill Support,

    I implemented both of the css code snippets, but only the underline one worked.

    The hover menu code snippet did not work for me.

    Any pointers that could help?

    Thanks in advance.

      EDIT:

    I figured it out.
    Here are the steps to change hover color and menu color:
    From the main menu, go to:
    1.) Theme Options
    2.) Menu
    3.) Primary Menu
    4.) Edit “menu item hover color”
    5.) Edit “menu item active color”

    • This reply was modified 6 months ago by  terryngari. Reason: Figured out a solution

    Hi,
    Great to hear that you figured it out yourself. 🙂
    Please reach us out again if you need help regarding Zakra theme. Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘primary menu hover color’ is closed to new replies.