Forums

What is overriding my header background image????

Permalink
So I have my page set up with a header-wrap div with a gradient background, then an inner "header" div with a background image of a flag that should sit over the gradient background.

Now, I know this worked outside of C5, so I'm not looking for alternate ways of doing so.

I use firebug to look at the inner "header" element that has the css rule:

background-image: url('<?php echo $this->getThemePath()?>/img/flag.png') no-repeat top left;

But in firebug that rule doesn't show up, only the two rules below it. Wtf?

Oh, and I've tried just using the full path of the background img (http://www.a1kokomo.com/concrete/themes/sandbox/img/flag.png) and still nothing.

Help?


Here's the site: a1kokomo.com/concrete/
 
Adreco replied on at Permalink Reply
Adreco
Haven't peeked at code yet but noticed your formating and colors disappear in IE9 (& Opera too I think)
kokomodrums replied on at Permalink Reply
Yeah I'm only testing on Chrome and Firefox currently, I'll work on the rest of the browser market at a later time.

Good call though!
kokomodrums replied on at Permalink Reply
Does the core have something against declaring multiple backgrounds that overlap??
TimDix replied on at Permalink Best Answer Reply
TimDix
No, but your CSS is NOT interpreted as PHP, take a look at your file:

http://www.a1kokomo.com/concrete/index.php/tools/css/themes/sandbox...

You can see your php is not being parsed.
#header {
   background-image: url(http://www.a1kokomo.com/concrete/themes/sandbox/'<?php echo $this->getThemePath()?>/img/flag.png') no-repeat top left;    
   height: 116px;
   padding: 10px 0 10px 0;
}


I would suggest you change it to simply:
background-image: url(img/flag.png);