Need help? Check out our Support site, then


Different sized text on pages

  1. On my blog (http://hello-rosie.com), the main page appears as I'd like it to, but when you click the "about" page the text appears extra large. If you click on a post, the text appears extra small. How do I make everything the same size?

    I asked this question in the general questions forum and timethief suggested it may be a CSS customization issue. I have not changed themes nor have I edited my CSS recently so I'm not sure what is causing this. Thanks!

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

  2. You do have some custom CSS saved for your blog that is making the page fonts bigger. If you look in your Appearance → Custom Design → CSS page, you'll see the custom CSS applied. This block in particular is making the page fonts larger:

    .post,.page,.attachment {
    width:500px;
    margin-bottom:50px;
    font-size:1.4em;
    line-height:1.7em;
    color:#444;
    float:left;
    }

    If you remove ".page" from that rule, it should still apply those rules to ".post" and ".attachment" but not page. Try it out.

    .post,.attachment {
    width:500px;
    margin-bottom:50px;
    font-size:1.4em;
    line-height:1.7em;
    color:#444;
    float:left;
    }
  3. Side note: I found that a revision was made to the Tarski theme a few weeks ago to add back body classes like "page" which were previously disabled to resolve another issue. You probably created your CSS during the time they were off and you didn't need to include ".page" at that time... then when we turned them back on, ".page" rules you had added before were affected.

    Sorry this update affected you suddenly like that! If you need any other help with your CSS, please let us know.

Topic Closed

This topic has been closed to new replies.

About this Topic