Want to make body copy and headlines bigger

• 

  tnaron · Member · May 4, 2008 at 10:28 pm

  • Copy link
  • Add topic to favorites

  Hi. I purchased the CSS upgrade, and now all I need to do is figure out how to use it!

  All I want to do is make the body copy of my posts bigger, and also the headlines of the posts.

  I’ve looked at the FAQs and all that and I still can’t make sense of how to do it.

  Can someone take me through some step by step directions for accomplishing this? I would be everlastingly grateful.

• 

  vivianpaige · Member · May 4, 2008 at 10:30 pm

  • Copy link

  The CSS on each of the themes is different. Without a link to your blog, we can’t even begin to help. (Of course, you do know that there is no official support for CSS, right?)

• 

  tnaron · Member · May 4, 2008 at 10:36 pm

  • Copy link

  Hi Vivian.

  My blog is at

  http://tnaron.wordpress.com

  and I’m using Mistylook by Sadish.

• 

  vivianpaige · Member · May 4, 2008 at 11:01 pm

  • Copy link

  Post headlines are usually the h2 element. Try changing the size here:

  #content .post h2
  {
  	font-size: 1.4em;
  	margin: 1em 0 0;
  	letter-spacing:1px;
  	font-weight:normal;

  If by “body copy” you mean the font in the post itself, try changing that here:

  #content-main {
  	float: left;
  	width: 520px;
  	margin-right: 20px;
  	overflow: hidden;
  }

  I’m no CSS guru so this may or may not work. There are only a few folks in the forums that know anything about CSS, which is why it is generally recommended that you use the preview function before you purchase the upgrade to see if you can figure it out.

• 

  vivianpaige · Member · May 4, 2008 at 11:03 pm

  • Copy link

  Scratch that last one. Looks like the font size is in here:

  body
  {
  	background: #f9f9f0;
  	margin: 0;
  	font: 76%/1.6em verdana, tahoma, arial,  sans-serif;
  	color: #333;
  	text-align: center;
  }

• 

  ellaella · Member · May 4, 2008 at 11:18 pm

  • Copy link

  I edited MistyLook a lot. Vivian’s right about .post h2 for the headlines. If you want to make the type larger only in the posts look for this:

  }
  #content .entry
  {
      margin:1em 0;
      padding-right:1em;
  }

  Then add the font size. I made it large enough for you to see the difference. Of course, use what you need:

  }
  #content .entry
  {
      margin:1em 0;
      padding-right:1em;
      font-size: 1.2em;
  }

• 

  tnaron · Member · May 4, 2008 at 11:24 pm

  • Copy link

  OK, I see my style sheet (I get there by clicking on View Stylesheet next to Add to Existing CSS), but I can’t change anything on it. Can’t select anything in order to type in a change, etc. I think there’s some basic step I’m missing.

• 

  vivianpaige · Member · May 4, 2008 at 11:28 pm

  • Copy link

  You copy what you want to change and paste it into the box.

  (Seriously, you need to review the CSS forum before tackling this.)

• 

  ellaella · Member · May 4, 2008 at 11:35 pm

  • Copy link

  What Vivian said. Also, follow some of the links here and in your dashboard for CSS tutorials.

  o/ waving to Vivian!