Topic Resolution: Resolved
  • Closed
  • Sue Young
    Spectator
    July 28, 2016 at 7:54 pm #29429

    riverrosecruises.com I have evolve plus and have use this code to change the color of the hover in the main menu

    ul.nav-menu li a:hover {
    color: #000!important;
    }

    This works but not completely – if you hover over a menu with a drop down, then go to the submenu, the main menu item turns a green color. I need to change that green color.

    Thanks
    Sue

    Denzel Chia
    Moderator
    Posts: 2672
    July 29, 2016 at 6:43 am #29456

    Hi,

    The following is a block of css code from evolve-plus/custom-css.php, ( line 265 – 275 )
    Which is causing this behavior.

    ul.nav-menu li a:active,
    ul.nav-menu li:active > a,
    ul.nav-menu li a:focus,
    ul.nav-menu li:focus > a,
    ul.nav-menu li a:hover,
    ul.nav-menu li:hover> a,
    ul.nav-menu li:hover,
    ul.nav-menu li a:hover span,
    ul.nav-menu li:hover> a span,
    ul.nav-menu li:hover> .sf-with-ul::after {
    color: ' . $evolve_top_menu_hover_font_color . ' !important;
    }

    You can try removing the word !important and see if you are able to get your custom css working.
    Please do this carefully to prevent fatal error.

    Thank you

    Sue Young
    Spectator
    Posts: 96
    July 29, 2016 at 3:17 pm #29477

    OK Fatal Error – that freaks me out! I found where you are describing but I cannot afford to mess this up (I just spend 3 days cleaning up an problem on this site! Is not there anyway to correct this using the custom CSS within WordPress – or in some way change the “top menu hover font color”? Also by changing the page you described, this will be lost on update. If there is no way to work around this I guess I will have to leave it the ugly green.

    Appreciate your help.
    Sue

    Daniel Jones
    Spectator
    Posts: 148
    July 30, 2016 at 8:33 am #29488

    Hi Sue,

    Thanks for reaching out to us again.

    Kindly note that you can retain your custom CSS codes even after updating the theme, this is achieved by using child theme or backing up the custom codes before updating then add them back.

    I hope that helps.

    Sue Young
    Spectator
    Posts: 96
    August 1, 2016 at 3:46 pm #29524

    Of course you can – DUH – I was not thinking. I have a child theme already and will add this.

    thanks
    Sue

    Sue Young
    Spectator
    Posts: 96
    August 1, 2016 at 4:00 pm #29525

    OK – I did as instructed but that did not correct the problem – can I ask you to look at it one more time please?

    Thanks
    Sue

    Daniel Jones
    Spectator
    Posts: 148
    August 1, 2016 at 5:42 pm #29526

    Hi Sue,

    Thank you for getting back to us.

    Hmm, could try and use the following CSS code to change the hover color to black.

    ul.nav-menu li:hover> a {
    color: #000 !important;
    }

    Please let me know if this helps.

    Regards,

    Sue Young
    Spectator
    Posts: 96
    August 1, 2016 at 8:18 pm #29529

    That was it – I had
    ul.nav-menu li a:hover {
    color: #000!important;
    }
    You stated

    ul.nav-menu li:hover> a {
    color: #000 !important;
    }

    Seems the previous post that I copied from had a small error!

    Thanks for working with me on this.
    Sue