Background behavior

[Lyser]

Hello,
I’ve made a background image (2560x1440) to be perfectly adjusted with the website content, i would like this image to be top centered without resizing when changing width or height of browser. How to do that ?

[friech]

Hi Lyser,

Thank you for writing in, please remove the background image that you set on Theme Options > Layout and Design and then add this to Theme Options > CSS

body{
	background-image: url(IMAGE URL HERE);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 185% auto;
}

This was you can control the background-position and background-size of your page background-image.

background-position
background-size

Hope that helps,
Cheers!

[Lyser]

Thank you.
Do you think it’s possible to have a lower and upper background like in sections ?
I would like to add a transparent video above this image.

[rad]

Hi @Lyser,

If I’m understanding you correctly, you wish to apply the upper and lower background on the above CSS as well? And to apply it as the body background?

That’s not possible, the section’s background isn’t just a background, it has complex structure just to include multiple instances of background. They aren’t actual backgrounds but just positioned and altered the z-index to function as background. A CSS isn’t enough

How about using the section and just make it cover the entire page? Though, it would still glitchy.

Thanks!

[Lyser]

Ok thx Rad, i prefer keeping this way and have something without glitch.

[rad]

You’re welcome