Main Navigation Hover Colour

  • Posted in : Read WP
  • thenonconformists
    Participant
    17 November 2016 at 04:29
    #45467

    Hey,

    just wondering how to change the color of the main navigation menu items from black to red when I hover them.

    Thank you very much!

    serkan
    Moderator
    17 November 2016 at 11:51
    #45477

    Hi,
    You can use this custom css code;

    .main-navigation ul ul li a:hover, .main-navigation ul li a:hover { color: red; }

    Thanks

    insomnia_tm
    Participant
    5 October 2017 at 10:27
    #50762

    Thank you man, works perfectly!

    Is there a way for the background color of the links on the menu to change on hover, rather than the text?

    I tried using the same code you provided, except added “background-color” instead of just “color” but needless to say it didnt work

    insomnia_tm
    Participant
    6 October 2017 at 07:23
    #50769

    I guess I just removed ul li and then it worked for changing the background on hover. So final code was

    .main-navigation a:hover { background-color: red; }

    serkan
    Moderator
    7 October 2017 at 19:02
    #50792

    Hi,
    You can try to use this custom css code;

    .main-navigation ul li:hover, .main-navigation ul li a:hover { background-color: red; }

    Thanks

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Read WP - Minimalist WordPress Blog Theme
Login and Registration Log in · Register