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.

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

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 insert an Image within a Text Element.

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

Animated GIFs are a great option for showing simple tasks

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