Adding an image as a Section background

A very dramatic responsive design idea is to use an image as the background behind a section.

If you add a parallax effect, as the user scrolls down the page the background image and the content over it will scroll at different speeds. This creates a sense of depth.

This lesson outlines the steps to add an image background to a Section on the Flow page and set it to a slow parallax effect.

Steps to replace an image used as a Section background

Steps to add hotspots over an Image Element.

(This lesson is for the 7.4.6.0 release.)

Steps to add an oversized high res image to a page.

By default when you upload an image, if the width or height is greater than 1200 it will be resized to 1200px in the largest dimension as part of the upload.
We do this to help ensure that learners aren’t faced with slow download times for images that are much larger than their display size in the content you make.

But sometimes you will have a use case for an image that’s larger than 1200px, so there’s a special upload process for that.

Great ways to provide interactivity and visual design and improve translation

Hi,
 

Is there a way to add spacers as row group elements? Currently the only way that i can see that you are able to add spacers is by adding a brand new section, with the spacer being added to the top of the section in its own row. What I'd like to do is create some spacing above and below an element (a coloured box) so it sits in the middle of a section that has a background image spanning the entire height.


Apologies if my description isnt clear, I'd upload an image to better explain...

You can have Elements on any Page targeting multiple learning audiences or contexts

Hotspot image question pages can be used as either scored Test Questions or as non-scored Practice questions

Steps to change the background fill color on a Section in a Flow Page.

For this lesson the page has a Decorative Header section added to the top of the Page from from the Add Your First Section options on a blank page plus a second section added below that.

You can set a background fill color on any Section on a Flow page using these same steps.

Quickly create your own library of Sections to add to any page