forever theme: menu hover color and menu font

  • Author
  • #892155

    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

    The blog I need help with is


    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.


    Thank you so much! It looks great!


    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 !:)


    This code is for the Forever theme, not the Choco theme. Please start a new thread at for your question and make sure to include a link to the Choco blog you’re working on.

The topic ‘forever theme: menu hover color and menu font’ is closed to new replies.