WordPress.org

Ready to get started?Download WordPress

Forums

Semper Fi Lite
How to change body font size? (8 posts)

  1. jlove83
    Member
    Posted 5 months ago #

    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!

  2. Tara
    Member
    Posted 5 months ago #

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

  3. jlove83
    Member
    Posted 4 months ago #

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

  4. Tara
    Member
    Posted 4 months ago #

    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.

  5. jlove83
    Member
    Posted 4 months ago #

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

  6. Tara
    Member
    Posted 4 months ago #

    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.

  7. Schwarttzy
    Member
    Theme Author

    Posted 4 months ago #

    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.

  8. jlove83
    Member
    Posted 4 months ago #

    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/

Reply

You must log in to post.

About this Theme

About this Topic