When you have "parallax scrolling" enabled on your website, elements of your site move at different speeds when scrolling, creating the illusion of depth and immersion. You can add a background image with parallax scrolling, and other scroll effects, by using the strip component.
We show you the steps in a GIF, but you can also read them below.
- Log in to your Website Builder via the one.com Control Panel.
- Go to Containers in the menu to the left.
- Under Strips, select Strip with Image.
- Drag the Strip component in your workspace.
- Click Edit strip to open the properties panel.
- Click Background > Image to add an image to the strip.
- Return to the Strip menu by clicking on the arrow in the top-left corner.
- Click Scroll effects and select Parallax.
- Click Save and Publish.
Tip: Select "Reveal" as a scroll effect if you want the image in the strip to remain static when scrolling.
Don't have access to Website Builder? You can try it out for free for 14 days and create a website in no time. Start your free trial now.
Related articles: