badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Change hover color in the menu

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #49048
    maria.wember
    Participant

    Hello,

    I want to change the hover color in my menu but it doesn’t work..

    I already tried different ways, but nothing helped.

    Here are the two codes which I tried:

    1. #access a:hover,
    #access ul li.current-menu-item a,
    #access ul li.current_page_ancestor a,
    #access ul li.current-menu-ancestor a,
    #access ul li.current_page_item a,
    #access ul li:hover > a,
    #access ul li ul li a:hover,
    #access ul li ul li:hover > a,
    #access ul li.current-menu-item ul li a:hover {
    color: #0faf97;
    }

    2. .nav-menu > li a:hover {Color:#0faf97 !important;}

    Could you please correct me with the code? Maybe anything else is wrong?

    This is my website:

    http://www.lincontro-unna.de/

    Thank you so much for your help!

    Kind Regards

    Maria

    #49192

    Hi Maria,

    To change the menu hover color go to Appearance > Customize/Theme Options > Design Options Tab > Custom CSS paste the following CSS code and Click on save button:

    
    #access a:hover, 
    #access ul li.current-menu-item a, 
    #access ul li.current_page_ancestor a, 
    #access ul li.current-menu-ancestor a, 
    #access ul li.current_page_item a,
    #access ul li:hover > a,
    #access ul li ul li a:hover,
    #access ul li ul li:hover > a,
    #access ul li.current-menu-item ul li a:hover {
    	color: #a9181f;
    }

    You can upgrade to Attitude Pro where you can change theme color skin easily as well as have lots of option that you will enjoy.

    Thank you for using our theme.

    #49202
    maria.wember
    Participant

    I tried it on a test-theme and it dosen’t work. It also doesn’t work width an !important behind the colour?

    Could you please help me again? I only want to change the colour in the menu…

    Thank you very much!

    Maria

    #49351

    Hi Maria,

    Please remove the override code below from your custom CSS option which you have added before.

    a {
        color: #a9181f !important;   
        font-weight: 550 !important;
    }

    Let us know it it still not works.

    Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.