Okay
  Public Ticket #1672511
Transparent Menu Hover Colour
Closed

Comments

  •  2
    Jan started the conversation
    August 10, 2018 at 3:34am

    How can I change the hover colour of the menu? I've added a rule into the Salient CSS but it's overridden by the theme's code.

    #header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav > ul > li > a:hover {
    color: #9dcfd0!important;
}
  •  9,000
    Tahir replied
    August 10, 2018 at 10:12am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav > ul > li > a:hover {
    color: #8d6dc4 !important;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    Jan replied
    August 11, 2018 at 8:18am

    That was the code I was using. I tried your version which looks identical apart from the colour code and it doesn't seem to fix it:

    https://fluxdigital.co/sleepytime-baby/

  •  9,000
    Tahir replied
    August 11, 2018 at 9:05am

    Try turning off the Combined CSS Option in General Settings -> Salient Theme Options Panel .

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    html body #header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav > ul > li > a:hover {
    color: #8d6dc4 !important;
}

    Thanks

    ThemeNectar Support Team