including Background-Image with auto resizing - Prestashop 1.4.0.17

[mzuern]

hello all together;

I've downloaded yesterday the new version of prestashop 1.4.0.17 .. it seems nice done. Thanks to the people from prestashop!

Now I try to insert a background-image, which fills up the total background and resize the total site automatically to the desktop size of the end user.
Please don't take care about my size changes (screenshot) in the left and right column, this and the transparency is not ready until know.

In my attached screenshot you'll see that I got the background-image inside but I don't know how to write correct into the global-css (themes) to get my ideas work.

css-change until now: Line 209.

/* global layout */
#page {
background: transparent url('../img/bg.png') no-repeat scroll center;
width: 880px;
margin: 0 auto 2px auto;
text-align: left;
}

Anybody out there who now how to do it? Thanks in advance!

[DFW Products]

I am also trying to get a scallable image to the front office. I have an image but it will not scale to the end user, simply comes up to the left/top normal size.

my global.css

body {
background: url('../img/leather_background.jpg');
background-size: 100%;
background-repeat:no-repeat;
background-attachment:fixed;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align: center
}

[plorenti]

Do not know if this will help, but on my site, I put this in the global.css to have a background image that does not change if I change the window size.
I hope you find it useful.
Greetings

body {
   background-color: white;
   background-image:url(../img/fondocustom.jpg);
   background-position:top;
   background-repeat:no-repeat;
   size: landscape;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align: center
}

PD:Translate from spanish with Google

[Dhen Bagoez]

I don't know is it a true.
but it's works well in my store

body {
   background: #ff00ff url('../img/background.jpg') no-repeat top left;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #dcdcdc;
   text-align: center
}

[DFW Products]

Thank You both for your replies

[briannamur5681]

Do not know if this will help, but on my site, I put this in the global.css to have a background image that does not change if I change the window size.
I hope you find it useful.
Greetings

body {
   background-color: white;
   background-image:url(../img/fondocustom.jpg);
   background-position:top;
   background-repeat:no-repeat;
   size: landscape;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align: center
}

PD:Translate from spanish with Google

This worked well on my site.

[DFW Products]

works well problems solved THANKS for all your help

[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?