CSS background-image not showing

Posted by plcoelho on June 28, 2009 at 8:35pm

I created a Zen subtheme and an images folder, under the sub-theme folder.
In my .css, I use background-image: url(images/xxxx.gif); but the images never show.

I tried to put the graphics in the sub-theme folder, or even in the Zen theme, but it doesn't work.
Is there a place where we define the starting path? Is it the sub-theme path? Did I miss any step while creating the sub-theme (I followed the Zen documentation)?

There must be a simple mistake...

Comments

=-=

Posted by VM on June 28, 2009 at 8:57pm

Your syntax above is incorrect.

Try:

background: url('images/someimage.jpg');

note: the non use of background-image and the path between single quotes.

I think the problem is not CSS

Posted by plcoelho on June 30, 2009 at 12:09pm

Thank you for your tip.

Unfortunately, it doesn't work in my case.
I tried in another Drupal installation, and it worked fine (as well as the background-image version - maybe it's new and, since I'm a newbie, I saw some recent CSS docs).

The problem is that the theme doesn't recognize any file or folder that I add to it's directory.
I checked the filesystem permissions, and it seems to be ok...

Maybe the theme registry is not updating well...

plc

=-=

Posted by VM on June 30, 2009 at 5:59pm

when altering css, make sure you do not have css aggregation turned on in administer -> performance
make sure you cache is clear in administer -> performance
make sure you browser cache is cleared

Nothing happened

Posted by plcoelho on July 4, 2009 at 12:40pm

Tried all the advices, installed Zen and a new subtheme, but it seems that there's an issue with some path variable, because I can't point to a file inside CSS...

plc

Fixed!

Posted by plcoelho on July 4, 2009 at 4:02pm

It was a filesystem permissions issue.

Thank's anyway for your help, because you teached me something :)

plc

css and the background image

Posted by nicodv on July 10, 2011 at 7:12pm

...and how did you solve that problem with the permissions?

thanks

PIÑA&POLLO

I was having the same problem but

Posted by ttnk on August 30, 2011 at 4:25am

I was having the exact same problem but i found the answer a minutes ago
http://groups.drupal.org/node/13305#comment-43144

the path is relative to the css file, i have my css inside theme/css/page.css and my image was at theme/image/head/image.jpg so i had to put the path relative to the css like this
background: url('../image/head/image.jpg')
and now it works.

Hope it helps.

Wherever we are, is the right place, at the right time.
Enjoy life!!!

nothing... it doesnt work

Posted by nicodv on September 5, 2011 at 10:25am

Any other idea. Maybe i'm using the wrong css file? I'm using page-backgrounds.css to insert the image. Other thing, does css work with layers? can it happen that there's somewhere a white image that overlays my image? :P

thanks again for any help

PIÑA&POLLO