Troubles with #topbanner in The Morning After Theme

• 

  eagrigorev · Member · Apr 11, 2011 at 8:15 am

  • Copy link
  • Add topic to favorites

  Hello everyone!
  I have custom CSS upgrade, and I try to change small top banner of The Morning After Theme from standart (960x70px) to my custom banner, which is bigger (960x600px, for example).
  I write this code for it:

  #topbanner {
  background:url(‘http://aidreamer.files.wordpress.com/2011/04/logo2.jpg’);
  width:960px;
  height:600px;
  border-width:1px 0;
  }

  But I see only big white rectangular 960x600px instead of my banner. What’s wrong with my code?

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

• 

  thesacredpath · Member · Apr 11, 2011 at 9:55 am

  • Copy link

  Give this a try in #topbanner instead of what you have. Keep the rest.

  background: url(“http://aidreamer.files.wordpress.com/2011/04/logo2.jpg”) no-repeat scroll 0 0 transparent !important;

• 

  thesacredpath · Member · Apr 11, 2011 at 9:57 am

  • Copy link

  Just FYI, the !important at the end of the background declaration tells the browser to use this over any other background declarations for this element in the CSS.

• 

  devblog · Member · Apr 11, 2011 at 2:35 pm

  • Copy link

  I would also suggest either removing the “border-width” property or fixing its value … This property takes only one value, not two.

• 

  thesacredpath · Member · Apr 11, 2011 at 9:48 pm

  • Copy link

  @devblog, good catch.

• 

  eagrigorev · Member · Apr 12, 2011 at 5:52 am

  • Copy link

  Thank you all for your help!

• 

  thesacredpath · Member · Apr 12, 2011 at 8:33 am

  • Copy link

  You are welcome.