Want to make body copy and headlines bigger

  • Author
    Posts
  • #223737

    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.

    #224006

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

    #224008

    tnaron
    Member

    Hi Vivian.

    My blog is at

    http://tnaron.wordpress.com

    and I’m using Mistylook by Sadish.

    #224014

    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.

    #224015

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

    #224019

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

    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.

    #224021

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

    #224023

    ellaella
    Member

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

    o/ waving to Vivian!

The topic ‘Want to make body copy and headlines bigger’ is closed to new replies.