Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Another background image issue

Another background image issue

Views: 622

Results 1 to 9 of 9
17 Sep 2011, 5:00 AM
#1
g6_distribution avatar

g6_distribution

New Zenner

Join Date:
Aug 2011
Location:
Texas
Posts:
22
Plugin Contributions:
0

Another background image issue

So I decided I wanted a tile logo in the background instead of the light blue color that is presently there. I researched the forums and found my answer of putting the image here - includes/templates/classic/images/imagename.gif. I then went to css in the classic folder and under body tried numerous different things, mainly with background: url(includes/templates/classic/images/g6distro_logo_short _supersmall.GIF); somewhere in it. Each time it would greatly alter my home page to a distorted view with larger fonts, etc. It would not place any logos or tiles of the logo on the background. Any ideas? I tried for a few hours before giving up. :frusty:

my website - http://g6distribution.com/zencart
Version 1.3.9 with no mods

17 Sep 2011, 6:17 AM
#2
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: Another background image issue

Just tested in Dragonfly and seems to work

<style type="text/css"> body { background-image: url("includes/templates/classic/images/g6distro_logo_short _supersmall.GIF"); background-repeat: repeat; } </style>
17 Sep 2011, 11:30 PM
#3
g6_distribution avatar

g6_distribution

New Zenner

Join Date:
Aug 2011
Location:
Texas
Posts:
22
Plugin Contributions:
0

Re: Another background image issue

So i tried inserting that like this

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-image: url("includes/templates/classic/images/g6distro_logo_short_supersmall.GIF"); background-repeat: repeat;
}

and was still unable to get it to put the background logo in tiles. I checked in Google chrome, Firefox and I.e. All 3 show it the same with no tiled logos in the background. Is there something I'm missing here?

17 Sep 2011, 11:42 PM
#4
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: Another background image issue

G6 Distribution:

So i tried inserting that like this

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-image: url("includes/templates/classic/images/g6distro_logo_short_supersmall.GIF"); background-repeat: repeat;
}

and was still unable to get it to put the background logo in tiles. I checked in Google chrome, Firefox and I.e. All 3 show it the same with no tiled logos in the background. Is there something I'm missing here?

my bad, that would work if it was in the head by itself

un try either

background-image: url("../images/g6distro_logo_short_supersmall.GIF"); background-repeat: repeat;

18 Sep 2011, 12:10 AM
#5
g6_distribution avatar

g6_distribution

New Zenner

Join Date:
Aug 2011
Location:
Texas
Posts:
22
Plugin Contributions:
0

Re: Another background image issue

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-image: url("../images/g6distro_logo_short_supersmall.GIF"); background-repeat: repeat;
}

Failed to work as well. I know its probably something easy or my lack of understanding it. Let me know if you have any other ideas. To recap though to make sure no simple mistakes are made. I put the images in the Includes/templates/classic/images folder and make the CSS changes in the Includes/templates/classic/css folder, correct?

Btw Nigelt74 I appreciate you working with me on this.

18 Sep 2011, 12:33 AM
#6
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: Another background image issue

The image is missing, because its not there in the folder anymore

I just tried the code i used yesterday and it doesn't work, whereas yesterday it worked and i have your logo repeating all over the background

Basically, put the image back and it should work

when i follow this link the image should appear, currently it doesn't

http://g6distribution.com/zencart/includes/templates/classic/images/g6distro_logo_short%20_supersmall.GIF

Please provide a direct link to the image, so i can see it

18 Sep 2011, 12:42 AM
#7
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: Another background image issue

also what is the correct name of the image.

in your first post you state it as (note the space after short)

g6distro_logo_short _supersmall.GIF

but in your follow up post you state it as (note no space after short)

g6distro_logo_short_supersmall.GIF

The first one worked yesterday but now no longer seems to work

18 Sep 2011, 1:02 AM
#8
g6_distribution avatar

g6_distribution

New Zenner

Join Date:
Aug 2011
Location:
Texas
Posts:
22
Plugin Contributions:
0

Re: Another background image issue

Hell Yes! I got it to work using body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-image: url("../images/g6distro_logo_short_supersmall.GIF"); background-repeat: repeat;
}

The image was in an incorrect folder. I tried to copy and paste it to another folder, however the copy in the ftp file manager is more of a cut and paste option. I'll change that logo up later, but its working and that's what matters. Thanks again Nigelt74! :clap:

18 Sep 2011, 1:24 AM
#9
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: Another background image issue

Good to know it worked for you