Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Want to make body copy and headlines bigger

  1. tnaron
    Member

    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.

  2. vivianpaige
    Member

    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?)

  3. tnaron
    Member

    Hi Vivian.

    My blog is at

    http://tnaron.wordpress.com

    and I'm using Mistylook by Sadish.

  4. vivianpaige
    Member

    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.

  5. vivianpaige
    Member

    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;
}

  6. ellaella
    Member

    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;
}

  7. tnaron
    Member

    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.

  8. vivianpaige
    Member

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

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

  9. ellaella
    Member

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

    o/ waving to Vivian!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags