custom design CSS doesn't keep original design

  • Author
  • #1111224

    I have my blog design perfect, I only want to lower the font size, which looks fine when I preview in the font mode, but when I preview the CSS, the current template design changes dramatically from what it was in the first place. Wigets are out of place or missing, post area out of place, its all bad. All I want to do is lower font size and all else stay the same. I canceled my typekit purchase so the blog would go back to normal. Thanks for any help!

    The blog I need help with is


    Here is an example of changing the base font size in the Garland theme. Try adding it to your Appearance → Custom Design → CSS editor and clicking the Preview button:

    body {
    	font-size: 13px;

    Note that you can adjust the font size to something smaller if you’d like, but I think the default font size is already pretty small as is. Make sure you haven’t changed the zoom setting in your browser before you make the change.


    Thank-you, but why when the typekit installs, the CSS preview is not the same as the original template design I had before typekit?


    Sorry, I mean to ask why the CSS preview is not the same as my blog design as it is published now (even before font changes)?


    The CSS in your Appearance → Custom Design → CSS editor must be properly formatted and it won’t be applied to your blog unless you have also purchased the Custom Design upgrade:

    If you remove everything from your Appearance → Custom Design → CSS editor and add *just* the font rule from the example above and click preview, that preview should match your current blog plus the font change.

The topic ‘custom design CSS doesn't keep original design’ is closed to new replies.