[SOLVED] Background won't center probably

[Runge1980]

Hi guys.

 

I have a little problem in my prestashop 1,5

 

I have made a background in photoshop.

 

The colums grid is 980 px and I made a shadow on both sides of it, too get the effect that it "hovers" from the bacgground.

On my screen it looks perfect. But on other computers it is moved to the right, and makes the page look wird... What is the Newbie here doing wrong?

it has to look like on the picture..and this is how it looks on my comp.

 

 

 

 

my site where I am building it:

http://techstore.dk.linux54.unoeuro-server.com/

 

Best Regards.

 

Lasse R

Edited February 10, 2014 by Runge1980 (see edit history)

[Dh42]

You are going to have a hard time doing that with an image. I think best it would be to do it with css. You can start with something like this and expand on it.

#page {box-shadow: #333 0px 50px 50px;}

Add that to your global.css file and check the results out.

[vekia]

Hi guys.

 

I have a little problem in my prestashop 1,5

 

I have made a background in photoshop.

 

The colums grid is 980 px and I made a shadow on both sides of it, too get the effect that it "hovers" from the bacgground.

On my screen it looks perfect. But on other computers it is moved to the right, and makes the page look wird... What is the Newbie here doing wrong?

it has to look like on the picture..and this is how it looks on my comp.

 

prestashop_1.5.6.1..jpg

 

 

my site where I am building it:

http://techstore.dk.linux54.unoeuro-server.com/

 

Best Regards.

 

Lasse R

 

take a look: shadow effect for page content in prestashop

i think that this will be helpful

 

"no images" no problems  lightweight and modern

[Runge1980]

take a look: shadow effect for page content in prestashop

i think that this will be helpful

 

"no images" no problems  lightweight and modern

Thanks Vekia aka mr. prestashop legend 

Always there to help....thumbs up.

i would love to see it, but the link you postet is not working 

[vekia]

from global.css line 54 remove backgrund url param

body {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #222;
background: #fff url('../img/BG_2013ny.jpg');
background-repeat: no-repeat;
}

change background to background:#f2f2f2;

 

then to #page add this:

#page {
background: #FFF;
box-shadow: 0px 0px 20px #888;
padding: 10px;
background: #FFF;
}

global.css line 41

 

 

 

effect: