How to get background image fixed in the two sides and scroll in the center?

[LasseSJ]

Hi Guys.

 

I'm using Presta 1.54.

 

I love this look:

http://tivicr.com/es/116-celulares

The background image is fixed and when you scroll Down only the center content move.

How can I do the same on my upcoming shop:

http://smartkajak.dk/prestashop/index.php ?

 

Further more I would like a White or semi-transparent background in the Whole center, and a dark line between background image and center content.

 

Thank you!!

 

 

BR Lasse, Copenhagen.

[viemonsta]

Hi, try to change your body background to fixed like this example:

 

body {
background: #FFF url('your image link') repeat fixed;

 

and for the transparent background in the center content you can add a .png background to your #page id.

 

hope it can help

[vekia]

thanks for sharing the solution @viemonsta it works like a charm

 

@LasseSJ please let us know if this works for you also :-) regards

[powerpig]

Bit of thinking and all done!

 

 

/* ************************************************************************************************

 

struture

 

************************************************************************************************ */

 

#page { background: #fff url('http://nakumoto.com/background6.jpg') top center no-repeat}

 

#header {z-index:10}

 

#columns {z-index:1}

 

#left_column {}

 

#center_column {}

 

#right_column {}

 

#footer {}

 

 

 

 

 

/* ************************************************************************************************

 

generic style

 

************************************************************************************************ */

 

body{

 

font:normal 11px/14px Arial, Verdana, sans-serif;

 

background: #000 url('http://nakumoto.com/background6.jpg') top center no-repeat;

 

background-attachment:scroll;

 

color:#222;

 

/*background:#fff;*/

[falconmonkey]

Helped allot. Thanks

[Luis_lopez2]

It work, thanks.

Edited October 22, 2018 by Luis_lopez2
I receive spam through the links on this website. (see edit history)