forever theme: menu hover color and menu font

  • Author
    Posts
  • #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 oneyounglove.com

    The blog I need help with is oneyounglove.com.

    #892581

    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.

    #892582

    Thank you so much! It looks great!

    #892600

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

    #892606

    This code is for the Forever theme, not the Choco theme. Please start a new thread at https://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.

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