Topic Resolution: Resolved
  • Creator
    Topic
  • #29429

    Sue Young
    Participant
    Been thanked: 7 times

    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

Viewing 7 replies - 1 through 7 (of 7 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 3230
    Been thanked: 129 times
    #29456 |

    Hi,

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

    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
    Participant
    Post count: 42
    Been thanked: 7 times
    #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
    Moderator
    Post count: 241
    Been thanked: 19 times
    #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
    Participant
    Post count: 42
    Been thanked: 7 times
    #29524 |

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

    thanks
    Sue

    Sue Young
    Participant
    Post count: 42
    Been thanked: 7 times
    #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
    Moderator
    Post count: 241
    Been thanked: 19 times
    #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.

    Please let me know if this helps.

    Regards,

    Sue Young
    Participant
    Post count: 42
    Been thanked: 7 times
    #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

Viewing 7 replies - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.