can’t change header img in muy blog b/c of WP css

• 

  mayablogger · Member · Oct 18, 2010 at 3:29 am

  • Copy link
  • Add topic to favorites

  hi,

  I can’t change header img in my blog
  http://mayablogger.wordpress.com/
  b/c of this code..

  #headerimage {
  background: url(‘http://s0.wp.com/wp-content/themes/pub/mistylook/img/misty.jpg?m=1221153955g’) no-repeat;
  }

  in my blog that was NOT put there by me, and it comes AFTER the custom stylesheet… why is this code there, preventing blog-author from customizing header image?? there is no need for this code there…

  this is img I want in #headerimage..
  http://mayablogger.files.wordpress.com/2010/03/header.jpg

  and I have this code:
  #headerimage {
  clear:both;
  background:#fff url(‘http://mayablogger.files.wordpress.com/2010/03/header.jpg’) no-repeat;
  height:166px;
  margin:0 0 30px 10px;
  }

  but this code gets overwritten by this code

  #headerimage {
  background: url(‘http://s0.wp.com/wp-content/themes/pub/mistylook/img/misty.jpg?m=1221153955g’) no-repeat;
  }

  WHY is this code there? how are you supposed to customize #headerimage element in your custom stylesheet if that code is there??

  thank you..

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

• 

  mayablogger · Member · Oct 18, 2010 at 3:44 am

  • Copy link

  fixed by adding !important to my own css.. I still don’t understand why that extraneous #headerimage declaration that comes after the stylesheet, and this is not mine, is there…

  thank you..

• 

  hallluke · Member · Oct 18, 2010 at 10:22 am

  • Copy link

  Mistylook has the custom header option which allows you to replace the header image without using CSS. This is done (automatically by the software) by loading a seperate CSS rule on top of the standard stylesheet which appears to be what you’ve found. Using a more specific selector or the !important rule will fix this as you have already discovered.