Editing heading font

• 

  cambarber · Member · Jan 15, 2010 at 3:52 am

  • Copy link
  • Add topic to favorites

  Hi. I’m trying to edit the main heading on my blog — specifically, I need to change the font from serif to sans serif, the colour from green to a specific red, and the variant from small caps to normal.

  This is the code I’ve put in:

  /*main heading*/
  h1
  {
  color:red;
  font-family:arial;
  font-variant:normal;
  }

  … but for some reason, the only change that works is the variant. I get a sans serif typeface, but it’s still green and still in small caps. Can anyone help me with this?

  Thanks!

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

• 

  cambarber · Member · Jan 15, 2010 at 4:42 am

  • Copy link

  I’ve just realised that the heading is actually a link … so I’ve changed the colour, but the variant still won’t change. (By the way, is there a way to make the font all-caps?). I’ve also tried to make the link bold when you hover over it by using

  a:hover{color:#cc0000;text-weight:bold}

  but this isn’t working either …

• 

  timethief · Member · Jan 15, 2010 at 5:41 am

  • Copy link

  Ummm .. no one can even begin to contemplate helping you until your posts the complete clickable URL for the blog in question starting with http://

  There is no Staff support for learning CSS and the upgrade is not recommended to those who lack CSS experience. We have only a couple of volunteers who help with CSS on an infrequent basis so you will have to wait until one locates this thread.

  In the meanwhile please read this http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

• 

  timethief · Member · Jan 15, 2010 at 5:42 am

  • Copy link

  arggghh! “your posts” should have been “you post” – sorry :(

• 

  cambarber · Member · Jan 19, 2010 at 11:33 pm

  • Copy link

  thanks for your reply :-)

  and here’s the URL, just in case someone does happen to find this: http://cambarber.wordpress.com/

• 

  devblog · Member · Jan 20, 2010 at 5:07 am

  • Copy link

  Try this, cambarber:

  h1 a {
  color: #f00 !important;
  font: normal 100% "sans serif";
  text-transform: uppercase;
  }

  That should do it.