how do i change the font size of the body copy without it affecting the size of the navigation?

• 

  laurynvr · Member · Jan 22, 2015 at 5:03 pm

  • Copy link
  • Add topic to favorites

  I want to make the copy of the about and contact sections much smaller. But when I adjust it, both the main and side navigation get smaller with it making them way too small. Is there a way (maybe CSS coding) that will only affect the size of the body copy? Please advise.

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

• 

  alexjgustafson · Member · Jan 22, 2015 at 5:47 pm

  • Copy link

  Hi Lauryn!

  CSS is probably the way to go to adjust your body font size without it affecting the other elements (that call their font size from the same place.)

  Try adding this bit of CSS first:

  .page .entry-content p {
       font-size: 80%;
  }

  This will decrease the font size for the body content (relative to the normal Body font size) for any of your static pages like About, or Contact.

  Then adjust that 90% up and down until you find the % size you like best.

  -Alex G.

• 

  laurynvr · Member · Jan 22, 2015 at 6:48 pm

  • Copy link

  Awesome, I’ll try it right now. Thank you very much!

• 

  alexjgustafson · Member · Jan 22, 2015 at 7:22 pm

  • Copy link

  Happy to help. :)