Background image

[vik007]

Hi Guys,

How & where do i need to change, in order for me to get a gif pix on the background (behind the text)

www.unikids.co.uk/zencart


want it in the center, just below the 'home' text shown in black bold text. between the catogorgies and the information boxes.

i dont want the image tiled either...thanxs guys

vik

[gjh42]

Attach it to .centerColumn in your stylesheet:
/includes/templates/your_template/css/stylesheet.css

.centerColumn {
     background-image: url(../images/your_image.gif);
     Background-position: top center; //or whatever
     background-repeat: no-repeat;
     } 

This is the whole space between the sidebars and below the breadcrumbs, for all pages.
If you only want the image on the home page, use Ryk's code.

[Ryk]

In your stylesheet

#indexDefault{background: #fff url(http://unikids.splay.co.uk/zencart/includes/templates/blue_sky/images/background.gif) no-repeat;}

When you are ready to go live, make the url link to a relative one.

Note that you also have an error in the last line of your stylesheet - you have one too many }'s !

[vik007]

Thnxs guys..worked a treat:-)

[vik007]

Hi guys,

How do i get the image to go behind all the text in my account?

http://unikids.splay.co.uk/zencart/i...n_page=account

email: test AT test DOT com
p/word: test1

thanxs

[gjh42]

You could add a
background-repeat: repeat-y;
but I don't think that would look very good. I think it looks fine as is. The circles logically and neatly cover what they do and whitespace below balances out. Remember, any background image makes it that much harder (not much in your case) to read the foreground text.

The other possibility would be to make a taller image with more rings, but that would require loading that bigger image behind every page.

[vik007]

Hi, iv just noticed a lil problem.

when i wonder around the website..the black texts cannot be seen??

When you highlight the text it does appear..but when you refresh..it goes again??

its okay on the home page tho?!?

http://unikids.splay.co.uk/zencart/i...ain_page=login

highlight from the top of the page..youl see the hidden title bar text??

[metmax]

I am also having a problem with a background image. I am adding a second image in the header using the background-image feature. I can get it to work with one image to test it, and it works as follows:

#logoWrapper{
background-color: #4c50dd;
background-image: url(../images/metropolislogo-redback-web.gif);
background-repeat: no-repeat;
background-position: right
}

However, the image I would like to use would look like this:

#logoWrapper{
background-color: #4c50dd;
background-image: url(../images/headerimages.gif);
background-repeat: no-repeat;
background-position: right
}

The image url is: http://www.metropolistoys.com/zencar...aderimages.gif

Is there some reason that this works with the first image I tested it with and why it won't work with the actual image need to use? The test site is at www.metropolistoys.com/zencart137

[Ryk]

I don't know if you cut and pasted that code or re-typed it, but the LINK you supplied to the image has // before images.

[marcap]

Attach it to .centerColumn in your stylesheet:
/includes/templates/your_template/css/stylesheet.css

.centerColumn {
     background-image: url(../images/your_image.gif);
     Background-position: top center; //or whatever
     background-repeat: no-repeat;
     } 

This is the whole space between the sidebars and below the breadcrumbs, for all pages.

Hello, I followed all this and now I have my background image but got a couple of problems:
here is the link of my test site http://marcap.info/lozza/zen-cart/

The main page but if u click on "red wines "or even "white whites" u can see that the image is cutted at the end. I got the same problem in others pages but I found out that it depends of how long is the page and in a way por another I can fix that.
The problem come out even bigger with IE, FF at least is showing me a bigger background image.
How can I fix it? I am stuck with that !!!
Thank you
Mario