Need help? Check out our Support site, then


Removing CSS to allow Custom Design fonts

  1. Greetings! I'm trying to figure out how I can remove/edit my existing CSS so that I can use the newer Custom Design Typekit font themes. It seems as though the CSS I wrote ages ago is over-riding the changes I'm making in the Custom Design menu. I think I've found the spots I need to change, but I'm wondering how to edit them so that they no longer take precedent over options I choose in Custom Design. Thank you!

    Here are the places in my CSS where font is written:

    body {
    background:#fff;
    color:#444;
    font:60% Orator Std, Arial, sans-serif;
    text-align:center;
    font-family:Tahoma, Geneva, sans-serif!important;
    }

    .post-title,.post-title a,#secondary {
    font-family:"Orator Std", Times New Roman, Times New Roman, Times, serif;
    }

    and

    code {
    color:#090;
    font-family:Orator Std, Arial, sans-serif;
    }

    and

    .widgets li {
    font-family:Orator Std, Arial, sans-serif;
    }

    #secondary h3 a {
    font-family:"orator std";
    }

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

  2. In the body section, get rid of the
    !important
    after the font stack and see if that doesn't do the trick. If it doesn't, remove the "font-family" declaration from all of those selectors in your CSS.

  3. Oh and also, you have fonts declared in body in two locations: once in the "font" declaration and then again in the "font-family" declaration. Remove all font calls from your CSS.

  4. That did the trick! Thanks! I was worried to remove the font calls in case that meant removing the text (seems silly now that I think about it) but that was all I needed.

    Thanks again.

  5. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic