Support » Themes and Templates » How do I increase main/body text size?

  • Resolved mhacker


    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

    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.


Viewing 8 replies - 1 through 8 (of 8 total)
  • add
    .entry p { font-size: 14px; }

    to your CSS and see if that helps.

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

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

    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.

    Thanks again.

    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…

    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.

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

    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.