WordPress.com

1. hellorosie
   Member
   Oct 19, 2011, 11:37 PM

   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. thesacredpath
   Member
   Oct 19, 2011, 11:50 PM

   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. thesacredpath
   Member
   Oct 19, 2011, 11:51 PM

   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. hellorosie
   Member
   Oct 20, 2011, 2:16 AM

   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. thesacredpath
   Member
   Oct 20, 2011, 2:23 AM

   You are welcome.

Topic Closed

This topic has been closed to new replies.