How to make all pages the same size

  • Author
    Posts
  • #881396

    hellorosie
    Member

    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.

    #881723

    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.

    #881724

    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/

The topic ‘How to make all pages the same size’ is closed to new replies.