forever theme: menu hover color and menu font

• 

  livinginthelandofcanaan · Member · May 17, 2012 at 2:31 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  designsimply · Member · May 18, 2012 at 10:04 pm

  • Copy link

  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.

• 

  livinginthelandofcanaan · Member · May 18, 2012 at 11:29 pm

  • Copy link

  Thank you so much! It looks great!

• 

  dogunconditional · Member · May 19, 2012 at 8:29 pm

  • Copy link

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

• 

  designsimply · Member · May 19, 2012 at 9:38 pm

  • Copy link

  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.