changing text size with CSS in Modularity Lite

• 

  robgorrell · Member · Mar 16, 2011 at 9:44 pm

  • Copy link
  • Add topic to favorites

  Hi. I am trying to figure out which code is text size for the post text in Modularity Lite. I would like it a little bigger. I found the code for the blue text under the post, but can’t figure out what is actually for the text in the body of the post.

  Help?

  Thanks.

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

• 

  timethief · Member · Mar 16, 2011 at 10:17 pm

  • Copy link

  See here please > https://en.forums.wordpress.com/topic/modularity-lite-font-change?replies=5#post-516818

• 

  thesacredpath · Member · Mar 16, 2011 at 10:21 pm

  • Copy link

  To change only the font size in the post main body, use the following.

  .entry p {
  font-size:100%;
  }

  To make the text larger, increase the % size. To make it smaller, decrease it.

• 

  thesacredpath · Member · Mar 16, 2011 at 10:23 pm

  • Copy link

  G’day TT.

  @robgorrell, if you want to increase the font size for everything by changing it in the “body” selector as outlined in the link TT references.

• 

  timethief · Member · Mar 16, 2011 at 10:23 pm

  • Copy link

  ~~TSP
  lol ;)

• 

  robgorrell · Member · Mar 17, 2011 at 1:00 pm

  • Copy link

  OK. That worked. Thanks for the help.

• 

  thesacredpath · Member · Mar 17, 2011 at 11:52 pm

  • Copy link

  You are welcome.

• 

  robgorrell · Member · Mar 18, 2011 at 6:20 pm

  • Copy link

  OK. Still not where I want to be. I increased the body text size to 120% and I think that looks OK for what I want. The problem is that if I click on a catagory and bring up the posts that way, the text goes back the small type.

  I thought about making all the text larger, but could not find the code that was suggested in timethief’s link. What am I missing? Here are the changes made to robgorrell.com so far:
  #sidebar {
  background-color:#6E635D;
  padding:10px;
  }

  h3.sub,h2.sub {
  color:#eee;
  background:#000;
  }

  .postmetadata {
  background:#000;
  color:#999;
  font-size:14px;
  }

  .entry p {
  font-size:120%;
  }

• 

  thesacredpath · Member · Mar 18, 2011 at 6:33 pm

  • Copy link

  My bad, I didn’t check the other post related pages. Change your .entry p to the below and it should fix it. The category pages do not use the .entry selector.

  .content p,.entry p {
  font-size:120%;
  }

• 

  robgorrell · Member · Mar 18, 2011 at 6:39 pm

  • Copy link

  Perfect. One more question. It seems that when I add a link to a post now the underline is no longer there on the link text.

• 

  thesacredpath · Member · Mar 18, 2011 at 7:18 pm

  • Copy link

  Add this to your CSS. The underline was never defined in modularity for the content.

  .content p a, .entry p a {
  text-decoration: underline;
  }