Help required to stop a background image from scrolling and subsequently repeating.

[TD426]

Hi there.

 

I'm having trouble with a background image in a shop that I'm currently creating.

 

The page background should remain static whilst everything else scrolls over the top of it, but it's not doing so.

 

Here's the code that I'm using...

 

body, #page, .columns-container{

  background: #FFF url('http://xxxxxxxxxx.xx/themes/default-bootstrap/img/tdbak.png')!important;

  background-attachment: fixed;

  background-size: cover;

  }

 

I have edited the few lines following line 243 of the Global.css file for the default bootstrap 1.6 version of Prestashop.

 

(In case you're wondering, I arrived at the above code by "half-implementing" some code from another example. The use of the !important tag was necessary to get the thing to work...although I have no idea why...)

 

Thanks in advance.

Edited February 6, 2015 by TD426 (see edit history)

[dioniz]

I'm not sure this is what you want but to stop background from repeating change:

 

background: #FFF url('http://xxxxxxxxxx.xx...p/img/tdbak.png')!important;

 

to

 

background: #FFF url('http://xxxxxxxxxx.xx...p/img/tdbak.png') no-repeat !important;

[TD426]

Hi Dioniz.

 

Thank you for the response.

 

The amendment that you did, isn't working, I'm afraid. It's still scrolling with the page and now, instead of duplicating the image underneath the first, there's just white space, so whilst the image, indeed is not repeating, it's not a static background.