how do I change the css of the menu?

• 

  green60payroll · Member · May 31, 2012 at 6:01 pm

  • Copy link
  • Add topic to favorites

  so that the font is arial size 12pt ( no caps) and when you hover over the link it turns green. I am familiar with css, I am just not sure what the code would look like
  Blog url: http://green60dotcom.wordpress.com

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

• 

  designsimply · Member · Jun 1, 2012 at 5:46 pm

  • Copy link

  I reviewed your http://green60dotcom.wordpress.com/ site, and I found that you used the following CSS to make the links in the menu in the Fresh & Clean theme green:

  #access .current_page_ancestor > a:hover,#access .current_page_item > a:hover,#access .current_page_parent > a:hover,#access .current-menu-ancestor > a:hover,#access .current-menu-item > a:hover,#access .current-menu-parent > a:hover {
  	background:#e6e6e6;
  	color:#088A08;
  }

  There are two ways to change the font. First, you can updates fonts on the Appearance → Custom Design → Fonts page, but that will only work if you have not set more specific overriding rules in the custom CSS (which you have in this case). The other option is to update the menu font using CSS. Here is an example:

  #access a {
  	font-family: Arial, sans-serif;
  	font-size: 12pt;
  }

  Adjust the number and measurement unit as necessary.

  Note that pt is not typically used as a measurement unit on the web and it’s more common to use px or em. See http://www.w3.org/TR/css3-values/#lengths for detailed info. When working with pre-existing CSS, it’s best practice to use the same unit of measure that is used in the theme author’s CSS. You can see the original stylesheet linked on the Appearance → Custom Design → CSS page in the CSS Settings box.

• 

  green60payroll · Member · Jun 5, 2012 at 6:46 pm

  • Copy link

  Yes i figured out how to fix that problem, now I can’t get the menu options to align center. Harrumph!

• 

  designsimply · Member · Jun 16, 2012 at 5:31 am

  • Copy link

  To center the menu in Fresh and Clean, add this to your Appearance → Custom Design → CSS editor:

  .menu-green-60-container {
  	text-align: center;
  }
  #menu-green-60 {
  	display: inline-block;
  }