Help Understanding CSS Capabilities In WordPress

• 

  ourfaithkeepers · Member · Apr 15, 2011 at 11:02 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I am new.

  I want to change the font and color of the blog title and the “Home” and “About” and I know I have to buy the CSS
  upgrade but I want to know where to look look in the code to make the changes.

  Also I read in some of the information on CSS upgrade that once I buy
  the upgrade I can edit the CSS but not the HTML. What does that mean?

  Thank you,
  Tarry

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 16, 2011 at 12:27 am

  • Copy link

  CSS is theme specific so we need a link to the site you are talking about. Is this it http://ourfaithkeepers.wordpress.com/ ?

• 

  raincoaster · Member · Apr 16, 2011 at 2:05 am

  • Copy link

  Before you even think about buying the upgrade, use the free Preview to practice. You’re pretty much on your own with CSS once you’ve bought the upgrade, so don’t buy it until you’re good enough to know you can make those changes yourself without help.

• 

  devblog · Member · Apr 16, 2011 at 3:00 am

  • Copy link

  You might want to read this:

  http://csswiz.wordpress.com/2011/04/11/css-101/

  Then this:

  http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

• 

  ourfaithkeepers · Member · Apr 17, 2011 at 3:43 am

  • Copy link

  Hello thesacredpath,

  Yes the link to the site I am talking about is:

  http://ourfaithkeepers.wordpress.com/

  Thank you raincoaster and devblog I will read your links now I have been away from the computer since I posted my question.

  Thank you

• 

  thesacredpath · Member · Apr 17, 2011 at 3:58 am

  • Copy link

  First thing to know, is that a visitor’s browser will pull fonts from their computer. That means that any font you specify has to be installed on the visitor’s computer. If it is not, then the browser is going to start heading down the font stack (list of fonts specified) and if none of them are on the computer, the browser will use its standard “serif” or “sans-serif” font. This is a pretty good list of what is commonly installed on all Mac and Windows computers: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html .

  This is what you would do for changing the site title.

  #site-title {
  font-family: Georgia,"Times New Roman",Times,serif;
  }

  This is what you would do to change the menu labels.

  #access a {
  font-family: Georgia,"Times New Roman",Times,serif;
  }

  I’ve just put a sample font stack into the above. This is what the font stack is for the site title and the menu labels.

  "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif

  You also have the option of using http://typekit.com which serves fonts to your visitors off the internet, so they do not have to have the font installed on their computer.