Fixed background with scrolling content boxes?

Hi,
I would like to have a background picture which is fixed and severa boxes with content scrolling over the background.

See example:

I mean the section with the forest and the white content boxes.

How could I create the same effect with Editor X?

Thank you :-)!

1 Like

Hey,
I’m Liron from Editor X. Thanks for reaching out!
This example can be recreated by using the Reveal effect on an image and setting it as the section background.
You can choose how each of your images behaves as your visitors scroll down your site and add depth to your creations with scroll effects.
Select an image at any breakpoint, click Settings , then under Scroll Behavior drop-down choose Parallax or Reveal:

  • None: There is no scroll effect on your image.

  • Parallax: The image moves at a different speed to the other elements, giving a 3D effect.

  • Reveal: The image is revealed as you scroll down your site.

To set the image as a section background, you can stretch it to fill the section in just a click. Drag an image to your section and click the Stretch icon on the top right of the image to fill the whole space.

Please feel free to reach out again with any questions or concerns.
Liron

Hi Liron, that´s great :-)! Thanks a lot!

How do you prevent the image from being scaled automatically when reveal is applied in this way?? I’m using editor-x

You can increase the size of the image, along with this in the inspector panel, it is possible to set image sizing for fixed or fluid options., in fluid tab, you can also disable Scale Proportionally option. Anyway the image will get some scaling changes, but you can use focal point setting to setup the image display better