Replace an Image used 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.

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 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.

Tips for controlling the display and design of Image Banner, Image & Text and Image & Motion sections

Adding a background image to a Section on a Flow page is a great design idea. But images are often very complex visually and it can be hard to read text over them.

One way to help the text be more readable is to add a background color with a transparency setting to the text. The background helps the text stand out against the image while the transparency means the image can still be seen behind the text, providing an effect of added depth to your page.

In this lesson we’ll add a transparen...

Steps to insert an Image within a Text Element.

The text will wrap around the image, much like adding an image within a Word document.

This lesson shows the steps to create a Primary Footer to display a copyright statement on every page in a Project.

You can use the same steps to create Primary or Alternate Headers and Alternate Footers.

Headers and Footers can be any design you like and can display any information you need.

In a Flow project, Headers and Footers are added as additional Sections at the top or bottom of content pages.

In a Claro project, Headers and Footers are added as additional Layers over top of conte...

Steps to adjust the display height of a Section on a Flow page as well as set how the Section's content will align vertically within the Section's display height.

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

Steps to set an action to show a page element when the learner clicks on a hotspot added over an image.