[Resolved] Fixed background images in sections

[d]

Hello,

What’s the best way to fix a different full-width background image in each section so the text in each of those sections will “scroll past” its unique background? If sections are the wrong starting point to get this effect, please point me in the right direction.

Thanks

[David]

Hi there,

you can enable the Parallax option in the Sections > Settings to create that effect.
If you want to use just a fixed background then give the Section a CSS Class of fixed-bg

Then you can add this CSS:

.fixed-bg {
    background-repeat: no-repeat;
    background-attachment: fixed;
}

[d]

Thanks David!

That works. Don’t know why I remembered it being a code-free option.

[David]

You’re welcome.

[Author]

Posts