css menu color

• 

  nhilo32 · Member · Jan 10, 2013 at 9:06 pm

  • Copy link
  • Add topic to favorites

  I’m trying to change the menu font color but cant figure out how. I’ve posted my css below. How can I tell the menu to changes colors.

  #page {
  background: transparent;
  /*border: solid thin red;*/
  }

  menu a:link, a:visited {
  color: white;
  }

  body {
  color: white;
  /*border: solid thick red;*/
  }

  Sorry for the double post. I put it in the wrong section.

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Jan 18, 2013 at 9:46 pm

  • Copy link

  I see that you added the following custom CSS to edit menu link colors:

  header a:visited {
  	color: #ff6
  }
  body a:link, a:visited {
  	color: #ff6
  }

  Do you stil need help?

• 

  nhilo32 · Member · Jan 18, 2013 at 9:51 pm

  • Copy link

  I sure could use the help. any suggestions.

• 

  designsimply · Member · Feb 8, 2013 at 12:11 am

  • Copy link

  Apologies for the delay. Try this, and adjust the color codes as necessary:

  .main-navigation ul.nav-menu,
  .main-navigation div.nav-menu > ul {
  	border: none;
  }
  .main-navigation a,
  .main-navigation li a {
  	color: #fff;
  }
  .main-navigation a:hover,
  .main-navigation li a:hover {
  	color: #070;
  }
  .main-navigation li ul li a {
  	background: inherit;
  }
  .main-navigation li ul li a:hover {
  	background: inherit;
  	color: #efefef;
  }
  .main-navigation .current-menu-item > a,
  .main-navigation .current-menu-ancestor > a,
  .main-navigation .current_page_item > a,
  .main-navigation .current_page_ancestor > a {
  	color: #090;
  }