Background image position on whole site

[wowflak]

I am using a background image on the whole site and I want to align it to top. Have tried various ways and no luck.
https://iceninekills9.wpengine.com/

[christopher]

Hi @wowflak,

You will not be able to achieve what you want as the way the body background feature work in the theme is to add an image and set the positioning via Javascript.

Our theme does not support the stick to top feature for the body background and you will need to add a custom code for that. We will be able to get you started on the code but the final implementation of the feature will be on your shoulders .

Please kindly disable that and instead add the CSS code below to Pro > Theme Options > CSS:

html body {
    background: url(//iceninekills9.wpengine.com/wp-content/uploads/2020/04/INK_OVERLOOK_FINALbkgd-scaled.jpg) top center no-repeat fixed;
    background-size: cover;

The code above adds the image to the background of the body tag tag, set the positioning of the background image to TOP CENTER, prevent the background image to be repeated and finally force it to be fixed instead of scroll.
Also the background will cover the whole page using the background-size property. You can explor additional options of the background size:

background-size | CSS-Tricks

Thank you.

[wowflak]

Thanks, this is very helpful!

[christopher]

You’re welcome.