######? tiled background image not working

Hi, I'm hoping someone can help me here. I'm running zencart 1.3.9d with the Premium4b template from https://www.zenflavor.com. This should be the simplest thing in the world but for the life of me, I can't get a tiled background image to display on my site. I've change the path in the /premium4b/css stylesheet to the proper path (../images/bodybg-damask.jpg), uploaded the image, nothing. I thought maybe the path relativity was off, so I uploaded the image into every single /images/ folder in every temple, and even the general /cart/images/ folder....nothing. Tried it in 3 different browsers....nothing. I can access the image directly through the url, so I know the image is there, but it just won't display.

Here's my /premium4b/css stylesheet code:

body {
color:#8f8f91;
font: 12px arial, sans-serif;
background-color:#060606;
margin:0 20px 20px 20px;
/*
background-image: url("../images/bodybg-damask.jpg");
background-repeat: repeat-x,y;
*/

}

Any ideas?
Thanks in advance,
-D

Hi, I'm hoping someone can help me here. I'm running zencart 1.3.9d with the Premium4b template from https://www.zenflavor.com. This should be the simplest thing in the world but for the life of me, I can't get a tiled background image to display on my site. I've change the path in the /premium4b/css stylesheet to the proper path (../images/bodybg-damask.jpg), uploaded the image, nothing. I thought maybe the path relativity was off, so I uploaded the image into every single /images/ folder in every temple, and even the general /cart/images/ folder....nothing. Tried it in 3 different browsers....nothing. I can access the image directly through the url, so I know the image is there, but it just won't display.

Here's my /premium4b/css stylesheet code:

body {
color:#8f8f91;
font: 12px arial, sans-serif;
background-color:#060606;
margin:0 20px 20px 20px;
/*
background-image: url("../images/bodybg-damask.jpg");
background-repeat: repeat-x,y;
*/

}

Any ideas?
Thanks in advance,
-D
agsmdkgmadsfgpioj is online now Report Post Reply With Quote

repeat-x,y;

... not proper CSS syntax

It can only repeat on EITHER x axis OR y axis... not both.

If you want it to tile the whole screen, don't even use the "repeat" declaration.

schoolboy:

... not proper CSS syntax

It can only repeat on EITHER x axis OR y axis... not both.

Thanks. That was something I just added a minute ago trying to tweak things, but it made no difference. Makes no difference when I change it back to x, either.

If you want it to tile the whole screen, don't even use the "repeat" declaration.

schoolboy:

If you want it to tile the whole screen, don't even use the "repeat" declaration.

I tried removed the repeat statement and the images still won't show up.

Only a link to your site will help us analyse the problem...

https://www.datamancer.com/cart/

Your image is in the wrong folder.

You have put it in the MAIN IMAGES folder:

http://www.datamancer.com/cart/images/bodybg-damask.jpg

It needs to go in:

includes/templates/premium4b/images/

schoolboy:

Your image is in the wrong folder.

You have put it in the MAIN IMAGES folder:

http://www.datamancer.com/cart/images/bodybg-damask.jpg

It needs to go in:

includes/templates/premium4b/images/

http://www.datamancer.com/cart/includes/templates/premium4b/images/bodybg-damask.jpg

I put the image in EVERY image folder to be certain that wasn't the issue. It's in /classic/images, /premium4b/images/, template_default/images, as well as /cart/images/

Well... when I looked in the templates images folder a few minutes ago it wasn't there... but it was in the main images folder.

osmosis perhaps... ?

Anyway... all the while your declaration is commented out, it can't be called:

/*
background-image: url("../images/bodybg-damask.jpg");
*/

schoolboy:

Well... when I looked in the templates images folder a few minutes ago it wasn't there... but it was in the main images folder.

osmosis perhaps... ?

Anyway... all the while your declaration is commented out, it can't be called:

/*
background-image: url("../images/bodybg-damask.jpg");
*/

a-HAH! That did it. I actually thought to check for comment tags early on, but I didn't know what they looked like in a CSS document, so I skimmed the code and saw things like this:

font-size: 1.4em;
/* color:#68962A; */

}
h2 {
font-size: 1.3em;
/* color:#68962A; */
}

with the same /* and */ tags so I figured those couldn't be the comment tags because the RGB code was enclosed within them.

Thanks for the help!