WordPress.org

Support

Support » Themes and Templates » How to change body font size?

How to change body font size?

  • Hello,

    I would like to change the size of the font to be a bit smaller and possible have less spacing between paragraphs. I was trying to mess around with the editor, but couldn’t find the right code.

    Help please!

    http://firstplacelosers.com/

    Mainly concerned about the body text within main pages and blog. Seems very large.

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Tara
    Participant

    @t-p

    look for “p” tag in your theme’s style.css and change the current font size fromm 100% to less than that.

    Thanks Tara, but I don’t see a “p” tag. How is that written in code?

    I did find this:

    body {
    background:center top fixed url(images/might.jpg);
    background-size:cover;
    color:#111;
    font:normal 100% adobe-text-pro, Cambria, Georgia, “Times New Roman”, Times, serif;
    text-align:center;
    text-shadow:0 0 2px rgba(238, 238, 238, 0.85);}

    _________________________________

    I changed the 100%, but that changed the overall dimensions of the site as well as the text… and I want the layout to stay the same, just with smaller text. It looked as though the whole page shrunk. Not the affect I was going for. haha

    I copied some more code. I thought some of those were font sizes, but I don’t understand the “em” (font-size:2em)

    ____________________________

    #paged>li {
    float:left;
    height:29.25em;
    line-height:1.24em;
    margin:0 1.5% 3.5%;
    overflow:hidden;
    width:30.3333333%;}

    #single>li, #comments>li {
    float:left;
    font-size:1.35em;
    height:auto;
    margin:0 1.5% 3.5%;
    overflow:hidden;
    width:97%;}

    #paged>li h2, #single>li h2:first-of-type, #comments>li>h2:first-of-type, #reply-title {
    border-bottom:1px solid #24380e;
    border-top:2px solid #111;
    color:#222;
    font-size:1.5em;
    letter-spacing:.03em;
    line-height:1.5em;
    margin:0 0 .3em;
    max-height:1.5em;
    overflow:hidden;
    text-align:left;}

    #paged>li h2 time, #single>li h2 time {
    font-size:.6em;
    line-height:.9em;
    float:right;

    padding:.25em 0;
    text-align:center;}

    #paged>li.post a, #paged>li.post a:hover, #paged>li.page a, #paged>li.page a:hover {color:#111;}

    #single>li h1, #comments>li h1{font-size:3em;}
    #single>li h2, #comments>li h2{font-size:2.66em;}
    #single>li h3, #comments>li h3{font-size:2.33em;}
    #single>li h4, #comments>li h4{font-size:2em;}
    #single>li h5, #comments>li h5{font-size:1.66em;}
    #single>li h6, #comments>li h6{font-size:1.33em;}
    #single>li p {margin:0 0 1em;}

    ____________________________________________

    Thanks for the help!!!

    Tara
    Participant

    @t-p

    It’s before all you have cited. Look in the section “Reset the Browser”

    Anyhow, append this to your theme’s style.css.

    p {
    font-size: 70%;
    }

    Also check for ay side-effects of this change. Change 70% to your liking.

    That works great, except for the homepage. The homepage text seems smaller and is harder to read than the rest of the site.

    Is there anyway to adjust the the text just on the homepage?

    The site is firstplacelosers.com

    Also, is there a plugin or something that you can download that will let you change individual pages and blogs (text, spacing, sizes, etc) or can you only do that through style sheets?

    Thanks again for your help!!! Greatly appreciated. 🙂

    Tara
    Participant

    @t-p

    You are welcome 🙂

    Is there anyway to adjust the the text just on the homepage?

    The problem is that your theme’s css has lumped up “p” with so many other tags! Somebody else may chimein.

    Theme Author Schwarttzy
    Participant

    @schwarttzy

    Sorry the trouble, I’m in the process of rewriting the theme and things like this will be much easier to fix. But, this font size will be an option in the customizer once the major update goes live.

    Is there a way to change how many blogs show up on the front page? It seems like there should be at least 13, but on the fourth row, it only displays 1 blog and then you have to hit previous blogs to see the rest. I would like at least 13 so all rows are filled and the option to post more and have them on the home page without having to hit the previous button.

    Thanks!

    http://firstplacelosers.com/

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to change body font size?’ is closed to new replies.