Need help? Check out our Support site, then


custom design CSS doesn't keep original design

  1. customskinsolutions
    Member

    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 customskinsolutions.wordpress.com.

  2. 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.

  3. customskinsolutions
    Member

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

  4. customskinsolutions
    Member

    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)?

  5. 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:
    https://store.wordpress.com/premium-upgrades/custom-design/

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic