Docs

[nico_s]

Overall, very happy with X, but cannot work this out.

My page has a background image, set using: X Settings > Background Image(s)

The issue is that I do not want the background image to stay fixed giving a parallax like effect. I want it to scroll with the content. There are no settings to turn this behavior on or off; it’s always fixed.

I can see that the background image is placed via the jquery.backstretch script. Is there another way to place a background image other than using backstretch? Or what else is required to make the background image scroll?

Thank you.

[Rahul]

Hey there,

Can you please share the link to your website?

Thanks

[nico_s]

Hi, sorry but I am on a local dev machine.

I can see that this issue has come up before; is there not a simple fix? To repeat: I want to make a page background image scroll with the content, not fixed, but there seems no easy way to do what is surely a common requirement.

Thanks.

[Rupok]

Hi there,

Thanks for writing back. You can set the background image from page editor – http://prntscr.com/b4yyyg

You need to do this for each page. You can also set background image for entire site using custom CSS under Customize > Custom > CSS :

body {
  background: url("http://yourimagepath.png") no-repeat scroll center center;
}

Hope this helps.

Cheers!

[Author]

Posts