Removing CSS to allow Custom Design fonts

  • Author
    Posts
  • #733226

    hellorosie
    Member

    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.

    #733335

    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.

    #733336

    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.

    #733381

    hellorosie
    Member

    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.

    #733382

    You are welcome.

The topic ‘Removing CSS to allow Custom Design fonts’ is closed to new replies.