Need help? Check out our Support site, then


forever theme: menu hover color and menu font

  1. livinginthelandofcanaan
    Member

    I am looking to change the hover color for the menu from black to white. I would also like to play with the menu font and font color as well as the font and font color of each option within the drop down menus. Is this possible?

    The blog I am referring to is at oneyounglove.com

    The blog I need help with is oneyounglove.com.

  2. To change the background and font color for top menu on hover, submenu items, and current page items, add the following to your Appearance → Custom Design → CSS page:

    #access ul ul {
    	background: #fff;
    	-moz-box-shadow: 0 3px 3px rgba(255,255,255,0.2);
    	-webkit-box-shadow: 0 3px 3px rgba(255,255,255,0.2);
    	box-shadow: 0 3px 3px rgba(255,255,255,0.2);
    }
    #access ul ul a {
    	border: 1px solid #ccc;
    	color: #222;
    }
    #access li.current_page_item ul a,
    #access li.current-menu-item ul a,
    #access ul ul li.current_page_item a,
    #access ul ul li.current-menu-item a {
    	background: transparent;
    	color: #222;
    }
    #page #access li:hover > a {
    	background: #eee;
    	color: #000;
    }

    You can adjust any of the color codes in the example to your liking.

  3. livinginthelandofcanaan
    Member

    Thank you so much! It looks great!

  4. how do i ad that code. I have choco theme and want to change the font . I don't understand where youor how to paste that code. Appreciate help !:)

  5. This code is for the Forever theme, not the Choco theme. Please start a new thread at http://en.forums.wordpress.com/forum/css-customization#postform for your question and make sure to include a link to the Choco blog you're working on.

Topic Closed

This topic has been closed to new replies.

About this Topic