badget

Happy New Year

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

Hurry up! *Limited time offer*

Change the hover color on menu

Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #6555
    Migrate226
    Member

    Hi, how do I change the color of the hover effect on the menu bar? When I go into my css this is what I see:

    }
    #access a {
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    padding: 16px 0 0;
    height: 39px;
    }
    #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 {
    color: #fff;

    Is there another spot to change the hover to white?

    #6603
    Sanjip Shah
    Participant

    @Migrate226 Can you post a link to your site and I will look into it.

    #9119
    Stefan
    Participant

    Hello, great theme and thx lot for it.
    I was looking arownd in the forum and i’m not sure if this is the same thopic but it sounds like it is.
    Sorry if this sounds stupid but is the hover efect the illuminate effect you get when you point the page with your mouse pointer and also when you are on a specific page. If it is i’m looking for a way to change it so pls help.
    here is the link —> http://www.karaivanova.com
    Thx in advance.

    #9125

    Hi Stefan

    You want to change the font color or anything else ? I didnot get exactly what you mean. Could you explain it clearly. It would be better if you send us screen shot too

    Regards

    Sunil

    #9126
    Stefan
    Participant

    Hello, and thx for the reply.

    It’s about the 1 effect on the main menu —> you see on the image below the font color of the menu is black – Menu font color.

    But when you move the mouse pointer over a page from the menu(in this case are the home and the calendar page)
    Menu font color effect
    the font color is becomming brighter(here is a link to the image if it is easy for you to see it) –> http://postimg.org/image/p3xwcugob/

    I’m new in web design so i was not sure is this the one you call “the hover effect”. That’s why i posted in this topic, cause if it is exactly that one, no need to creat new topic for something allready posted.

    And the main point is how i can remove it or change it to some other color (cause i don’t like the way it stands on the web site). I mean if this can be changed by applying custom CSS, what exact code do i have to add to change it. Hope you get me now.
    Here is the link of the site if you need it —> http://www.karaivanova.com
    Thx in advance.

    Regards

    Stefan

    #9210

    Hi Stefan,

    To change the menu hover drop-down color Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes 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: #05A9C5;
    }

    Note: Change above color 05A9C5 code to your own Hex color code to change the menu hover drop-down color

    Thank you for using our theme.

    #9241
    Stefan
    Participant

    Sunil thx alot, it worked like a charm 🙂 you and your theme are great !

    #9262

    Ok Great stefan

    Thank you for using our theme.

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