How do I increase main/body text size?

  • Resolved mhacker

    (@mhacker)


    16 years, 5 months ago

    Hi guys,

    This is probably quite simple. I want to increase the size of the main text on my page, i.e. the actual text of the posts.
    You can see my blog here http://www.MuscleHack.com

    I know that I have to change the style.css file but not sure which section or from what value to what other value.

    Is it the ‘content’ section of style.css? If so here is a copy of that section. I’d appreciate someone enlightening me as to what needs amended. I would just like the text a little bigger.

    /**********************************/
    /* Content */
    /**********************************/
    #content h1,h2,h3,h4 {line-height:1.2em;text-align:-left;}
    #content h1 {color:#0D6AA6; text-transform:uppercase; letter-spacing:0.05em;display:inline;
    font:normal 1.8em “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif; text-align:left;}
    #content h2 {font: 1.5em “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;color:#0D6AA6;
    margin:0px; padding-top: 20px; text-align:left;}
    #content h2.pagetitle {font-size: 1.2em; color: #f90; padding: 5px 0;}
    #content h3{font:normal 1.2em “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;color:#0D6AA6; text-align:left;}
    #content h4{font:normal 1.0em “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;color:#0D6AA6; text-align:left;}
    #content blockquote {font-style:italic; padding:0 10px 0 10px;margin:5px 0px 5px 20px; color:#000;
    font-size: 1.0em; border-left: 5px solid #b0c4de; border-right: 5px solid #b0c4de; line-height: 1.2em; background: #f7f7f7;}
    #content p.postmetadata {clear:both; overflow:hidden;background: #f7f7f7; padding:5px 10px; line-height: 1.0em;}
    code {font-size:1.2em; text-align:left; margin:0;padding:0; color: #008;}
    #content li {padding-bottom: 5px; }
    #content .post-date {font-size:1.0em; padding-left:20px;background: transparent url(img/calendar.png) no-repeat top left;padding-top: 5px;
    background-position:0% 5px;}

    Ok, thanks in advance for any help.

    Mark

Viewing 8 replies - 1 through 8 (of 8 total)
  • eldeuce

    (@eldeuce)

    16 years, 5 months ago

    add
    .entry p { font-size: 14px; }

    to your CSS and see if that helps.

    Thread Starter mhacker

    (@mhacker)

    16 years, 5 months ago

    Thanks for the response elDeuce! Whereabouts do I add that? Do I include the dot before ‘entry’? Thanks for your help.

    Adam Brown

    (@adamrbrown)

    16 years, 5 months ago

    Put it at the end (so it overrides any previous declarations in the file) and write it exactly as he wrote it (with the dot).

    Thread Starter mhacker

    (@mhacker)

    16 years, 5 months ago

    Hi, thanks guys, it worked a treat but only for the home page. I would like the text of single.php and page.php to also display at this size. Do these not come under the content section? Have a look at my site. You’ll see the difference between the text on home page and single page.
    http://www.MuscleHack.com
    http://www.musclehack.com/how-much-protein-is-needed-to-build-muscle/

    Thanks again.

    Adam Brown

    (@adamrbrown)

    16 years, 5 months ago

    For whatever reason, your theme’s designer used a different class in single pages than in the home page. To make the change affect both classes, use this instead:

    .entry p, .entrytext p { font-size: 14px; }

    Incidentally, I don’t see the change suggested above anywhere in your CSS…

    Thread Starter mhacker

    (@mhacker)

    16 years, 5 months ago

    Hi again adamrbrown. I think that has done the trick! 14px was a little too big, I changed it to 11.
    Not that it’s very important but when I create a bullet-point list that text is still the old, smaller size, is there any easy way to change that?

    I appreciate your help.
    Mark

    moshu

    (@moshu)

    16 years, 5 months ago

    There is never an “easy way” 🙂
    You need to style your unordered lists (ul) for the .entry and .entrytext classes:

    .entry ul, .entrytext ul {
your style defintions here...
}

    It might even be necessary to define the list elements (li), too.

    .entry ul li, .entrytext ul li{
your style defintions here...
}
    Thread Starter mhacker

    (@mhacker)

    16 years, 5 months ago

    Hey Moshu, that was actually quite easy, thanks a bunch 🙂

    Didn’t need to define the ‘li’ elements either. Great!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How do I increase main/body text size?’ is closed to new replies.