CSS Ocean Mist theme trying to change colour of header

• 

  thesacredpath · Member · Jan 14, 2009 at 11:36 pm

  • Copy link

  I just did this using Firebug:

  #header {
  background:transparent url('http://allworlds.wordpress.com/files/2009/01/bg_header.gif') no-repeat scroll;
  }

  And got this: http://opposablethumbz.files.wordpress.com/2009/01/header1.png

• 

  thesacredpath · Member · Jan 14, 2009 at 11:38 pm

  • Copy link

  With wordpress.com CSS, you have to put the single quote marks at the beginning and end of the actual URL. I left the rest of the background definition the same as the original CSS (transparent, no-repeat and scroll).

• 

  rosclarke · Member · Jan 14, 2009 at 11:58 pm

  • Copy link

  tsp is right. Also notice that in his code he doesn’t repeat all the things you’re not changing (position, float etc.) Sometimes problems occur when the same CSS is applied twice (from the edit box and the original stylesheet). It’s safer only to include the things you are actually changing.

• 

  kmstock · Member · Jan 15, 2009 at 11:47 am

  • Copy link

  Argghhh! I don’t understand. I think I’ve done exactly what you said, but it makes no difference.

  I past the following in the css stylesheet editor (I’m also changing the colour of the tabs, that bit works):

  /*making the header a different colour…
  #header {
  background:transparent url(‘http://allworlds.wordpress.com/files/2009/01/bg_header.gif’) no-repeat scroll;

  /* page tabs */
  #pagetabs li {float: left; border-bottom: 1px solid #9BC3D5; margin: 0 5px 0 0; padding: 0;}
  #pagetabs a {float: left; display: block; padding: 5px 5px 3px 5px; background: #9BC3D5; color: #fff; font-weight: bold; border-bottom: 2px solid #87CEFA;}

  Then I check ‘Add this to Ocean Mist theme’s CSS stylesheet.
  Then I delete temporary internet files in IE.
  Then I click Preview.

  And it’s just the same!

  What am I don’t wrong?

• 

  kmstock · Member · Jan 15, 2009 at 11:50 am

  • Copy link

  btw, it pretty much always says ‘Done but with errors on the page’ when I do the preview.

• 

  kmstock · Member · Jan 15, 2009 at 11:58 am

  • Copy link

  Eureka! Can you believe that it was because I hadn’t closed the comment…

  Now it’s all working – many thanks to you all.

  Kristin.

• 

  rosclarke · Member · Jan 15, 2009 at 12:05 pm

  • Copy link

  Yup, that’ll do it every time. Glad you got it fixed.