Need help? Check out our Support site, then


How to make all pages the same size

  1. Greetings-

    My blog shows text on its three different types of pages (home, post pages, pages) in three different sizes. The home page is normal, post pages show extra small text, and my pages (about) shows extra large text. How can I normalize the pages so that all of them appear with text the same size as my home page? Thank you!

    hello-rosie.com

    The blog I need help with is hello-rosie.com.

  2. You have the following rules in your Appearance → Custom Design → CSS:

    body {
    background:#fff;
    color:#444;
    font:60% Orator Std, Arial, sans-serif;
    text-align:center;
    font-family:Tahoma, Geneva, sans-serif;
    }
    .post,.page,.attachment {
    width:500px;
    margin-bottom:50px;
    font-size:1.4em;
    line-height:1.7em;
    color:#444;
    float:left;
    }

    In the first rule for "body", you set the base font to 60% in this line:

    font:60% Orator Std, Arial, sans-serif;

    That will affect a lot of other things. Take out the "60%" to set it back to normal:

    font:Orator Std, Arial, sans-serif;

    The other rule for ".post,.page,.attachment" also affects some font sizes. The line which is making fonts larger in some areas is this one:

    font-size:1.4em;

    Try removing that.

  3. If you need help updating specific stuff, please post back with more questions! Once you get the hang of figuring out how different rules affect things, it will be much easier. :)

    You might also like this tutorial:
    http://www.htmldog.com/guides/cssbeginner/

Topic Closed

This topic has been closed to new replies.

About this Topic