Intuit Theme – Main Menu – Font Increase

• 

  rosejiminez · Member · Jan 23, 2012 at 7:59 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’m a new blogger with an issue that’s probably simple for most people knowledgeable of CSS. I’m having trouble increasing the font size of my top main menu. The original font size was 11px and I wanted to change it to 20px. The menu font size won’t change. I’ve previewed and saved the changes–still nothing. I’m thinking that I did not enter the changes correctly. Help, please?! Thank you.

  Here’s the code I modified:

  .top_menu {
  height:30px;
  width:930px;
  text-align:left;
  font-size:20px; —- I changed that.
  padding:10px 0 0;
  }

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

• 

  designsimply · Member · Jan 23, 2012 at 8:03 pm

  • Copy link

  You were on the right track! The tricky part in this case is that there is a more specific CSS rule that was added when you adjusted the font Body Text font size on the Appearance → Custom Design → Fonts page (that affects the top navigation menu font size too).

  So, to override that, you can use ! important in your rule to make it more specific:

  .top_menu {
  font-size: 20px !important;
  }

• 

  rosejiminez · Member · Jan 23, 2012 at 8:09 pm

  • Copy link

  @designsimply Sweet! You rock! Thanks for your help. It worked like a charm. :)

• 

  designsimply · Member · Jan 24, 2012 at 5:15 pm

  • Copy link

  Cheers. :)