Archived topic

Fixed background images in sections

3 replies · Started by d on August 29, 2019

Viewing posts 1–4 of 4

August 29, 2019 at 2:53 am #996131

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

August 29, 2019 at 8:00 am #996418

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;
}

August 30, 2019 at 4:20 am #997046

Thanks David!

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

August 30, 2019 at 4:22 am #997047

You're welcome.

This archived topic is closed to new replies.

Start building better websites today.