Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • September 2, 2015 at 12:17 pm #497007
    maryhellensegatta

    Hi, the main menu hover color link is #7445ff and I’d like to set hover color of the current link page to: #7373ff. Can you help me please?
    Thanks :

    September 2, 2015 at 2:40 pm #497131
    Yigit

    Hey maryhellensegatta!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-main-nav>ul>li.current-menu-item:hover>a>.avia-menu-text {
    color: #7373ff!important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Cheers!
    Yigit

    September 2, 2015 at 3:02 pm #497159
    maryhellensegatta

    It does not work.

    September 2, 2015 at 3:09 pm #497167
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    September 2, 2015 at 3:48 pm #497207
    maryhellensegatta

    Sure, here are data access. Thanks

    September 2, 2015 at 4:18 pm #497231
    Yigit

    Hi!

    Please flush cache. You are seeing a cached version from an hour ago :)

    Cheers!
    Yigit

    September 2, 2015 at 6:07 pm #497313
    maryhellensegatta

    I have cleaned W3 total cache and browser cache but color hover current link page is not changed

    September 4, 2015 at 10:41 am #498210
    Ismael

    Hey!

    The current main menu hover color is set to #7373ff when I checked the page. Please provide a screenshot of what you’re seeing on your end and a screenshot of what you’re expecting to see. Use imgur or dropbox.

    Best regards,
    Ismael

    September 7, 2015 at 3:11 pm #499249
    maryhellensegatta

    Ismael, here is now current page link hover (#7445ff). What I’d like to achieve is #7373ff when mouse over link hover state of the current page.
    Thanks.

    September 8, 2015 at 3:57 am #499629
    BrendaSarg

    I’m having this same issue…

    September 8, 2015 at 5:42 pm #500033
    Elliott

    Hi!

    You can use this CSS to change only the current menu item hover color.

    .current-menu-item:hover > a > .avia-menu-text {
    color: red !important;
}

    Regards,
    Elliott

    September 8, 2015 at 5:44 pm #500034
    BrendaSarg

    That doesn’t do anything for me?

    If you hold the mouse over a TOP ROW menu item on the home page, it’s white font and hard to read. I need it a different color?

    • This reply was modified 9 years, 2 months ago by BrendaSarg.
    September 8, 2015 at 7:12 pm #500067
    maryhellensegatta

    Thanks it works!

    September 8, 2015 at 7:19 pm #500069
    maryhellensegatta

    Brendasarg, try another shade of red

    September 8, 2015 at 7:30 pm #500075
    BrendaSarg

    Sorry, that did work for the drop down links, my issue is the main navigation being white on hover.

    September 9, 2015 at 2:17 pm #500441
    Andy

    Hi!

    it should work @BrendaSarg, are you using any custom CSS code? which might prevent it?

    Regards,
    Andy

    September 9, 2015 at 8:23 pm #500713
    BrendaSarg

    I don’t think so? If you hover over the menu (top row main menu) you’ll see its white still. I’ll send my log in to see if you are able to help?

    September 10, 2015 at 12:29 pm #500945
    Rikard

    Hi @BrendaSarg,

    You can change the colour of the Main Menu items both on hover and default under Enfold–>Advanced Styling.

    Thanks,
    Rikard

    October 22, 2015 at 7:23 pm #523239
    maryhellensegatta

    It works! Thanks. You can mark as resolved.

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Main menu: change link hover color on current page link’ is closed to new replies.