Topic Resolution: Resolved
  • Closed
  • Sue Young
    Spectator
    June 24, 2016 at 5:35 pm #28589

    I found the following code and added it to my custom css but it does not work. Is there another code I need to use?

    #nav ul li:hover{
    background:#000 !important;
    }

    Thanks
    Sue

    Daniel Jones
    Spectator
    Posts: 148
    June 24, 2016 at 11:49 pm #28592

    Hi Sue,
    Thanks for keeping in touch with us.

    Could you please provide me with a link to your site so I can do some testing to find the perfect CSS that works best on your site?

    Looking forward to your response.

    Kind Regards.

    Sue Young
    Spectator
    Posts: 96
    June 25, 2016 at 3:06 am #28597

    Thank you -http://brigade.org.c11.previewyoursite.com

    Also sometimes when I open the site, the menus on drop down cover the entire webpage. I have a screenshot but am not sure how to get it to you. I can email it if you contact me directly.

    Really appreciate your help.

    Sue

    Denzel Chia
    Moderator
    Posts: 2672
    June 26, 2016 at 12:35 pm #28614

    Hi,

    Please use the following in Theme Options -> Custom CSS

    ul.nav-menu li a:hover {
    background: #000 none repeat scroll 0 0 !important;
    }

    Thank you.

    Sue Young
    Spectator
    Posts: 96
    June 26, 2016 at 2:37 pm #28617

    Thank you but that change the background color of the block – I wanted to change the color of the text on hover. – sorry if I did not make that clear.

    Sue

    Daniel Jones
    Spectator
    Posts: 148
    June 26, 2016 at 7:39 pm #28620

    Hi Sue,

    Thanks for contacting us again.

    Kindly use the following code:
    ul.nav-menu li a:hover {
    color: #000!important;
    }

    Please change the color code to fit your preference.

    Cheers!

    Sue Young
    Spectator
    Posts: 96
    June 26, 2016 at 11:48 pm #28621

    That is what I tried already (see my first post). It does not work for my site (that is why I first posted.)

    Thanks again
    Sue

    Denzel Chia
    Moderator
    Posts: 2672
    June 27, 2016 at 1:35 am #28624

    HI,

    Please try using the following in Theme Options -> Custom CSS

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

    Your menu item text is wrapped in a span tag within the a tag.

    Thank you.

    Sue Young
    Spectator
    Posts: 96
    June 27, 2016 at 1:50 am #28627

    Thank you – that worked!

    Sue

    Denzel Chia
    Moderator
    Posts: 2672
    June 27, 2016 at 1:57 am #28628

    You are welcome!
    Have a nice day.