Setting an image as a background?

[Cat7]

Hi - if anyone could point me in the right direction with this then I'd really appreciate it

 

I'm trying to add an image as a background either side of my webpage, it's one large image that will potentially go from the extreme left of the screen to the extreme right. (as opposed to seperate one's on each side)

 

I've located what I think is the right place to edit it but I'm unsure how to do so...

 

In my themes folder > theme > global.css I have the following:

 

body {

background-color: #f8f4f1;

font-size: 11px;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

color: #5d717e;

text-align: center;

background-image: bg;

background-repeat: repeat-y;

background-position: center;

padding: 10px;

}

 

I have uploaded a jpg. image to my images folder & would like to know what of the above I should edit to point it to the url of the image & add it as a background? It's one large image, so it shouldn't need to repeat, & it's compressed loads so it's only about 148k in size.

 

Assuming I've not completely lost-the-plot & I'm on the right track - could you keep it really simple for example - do I just add: "http:// www.the_image_url.co.uk" in place of "bg" in the code above? (I've tried that btw & it doesn't work but you get the idea...)

 

I'm guessing that I have to take out other aspects such as "background-colour", etc. etc.

 

Edit to add: My actual page is to appear as it does now, the image is just to display as the blue areas do on this wonderful forum.

 

Many thanks in advance for any help

 

Mark

[indus]

Hi - if anyone could point me in the right direction with this then I'd really appreciate it

 

I'm trying to add an image as a background either side of my webpage, it's one large image that will potentially go from the extreme left of the screen to the extreme right. (as opposed to seperate one's on each side)

 

I've located what I think is the right place to edit it but I'm unsure how to do so...

 

In my themes folder > theme > global.css I have the following:

 

body {

background-color: #f8f4f1;

font-size: 11px;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

color: #5d717e;

text-align: center;

background-image: bg;

background-repeat: repeat-y;

background-position: center;

padding: 10px;

}

 

I have uploaded a jpg. image to my images folder & would like to know what of the above I should edit to point it to the url of the image & add it as a background? It's one large image, so it shouldn't need to repeat, & it's compressed loads so it's only about 148k in size.

 

Assuming I've not completely lost-the-plot & I'm on the right track - could you keep it really simple for example - do I just add: "http:// www.the_image_url.co.uk" in place of "bg" in the code above? (I've tried that btw & it doesn't work but you get the idea...)

 

I'm guessing that I have to take out other aspects such as "background-colour", etc. etc.

 

Edit to add: My actual page is to appear as it does now, the image is just to display as the blue areas do on this wonderful forum.

 

Many thanks in advance for any help

 

Mark

 

http://www.prestashop.com/forums/topic/57678-add-background-to-site-and-add-images-to-cms-pages/

[Cat7]

Thanks indus

 

All sorted

 

Many thanks

 

Mark

[armadillo]

Hi, i want to add a background just on authentication.tpl, i find authentication.css but which code i have to add for background image?