Removing CSS to allow Custom Design fonts

hellorosie · Member · Oct 19, 2011 at 11:37 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
thesacredpath · Member · Oct 19, 2011 at 11:50 pm
Copy link
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.
thesacredpath · Member · Oct 19, 2011 at 11:51 pm
Copy link
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.
hellorosie · Member · Oct 20, 2011 at 2:16 am
Copy link
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.
thesacredpath · Member · Oct 20, 2011 at 2:23 am
Copy link
You are welcome.

No items found.