Component Menu

Components

Full Background Image

Set a background image for the content added to the page via layout canvas or to the container where it's inserted.

Edited 2 years 4 months ago

Design

Desktop

Mobile

Using

Application

Step by Step

1. At the page that you wish to add the Full Background Image component, click the + button on the Layout Canvas;

2. Search the Full Background Image component on the list, it is located in the "General Components" category;

3. Drag and drop the component inside the canvas, and make sure to put it exactly where you wish to place it.

4. To configure it, click twice on the component and fill the fields:

• Background Image - Desktop: Add the desktop image;

• Background Image - Mobile: Add the mobile image.

5. Click on the “Apply” to save it.

Styleguide

Examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum velit id ante dictum aliquet. Praesent quis sollicitudin mi. Donec id tellus tempor, efficitur risus a, scelerisque ex. Vivamus commodo ullamcorper tellus, ut euismod eros tempus a. Pellentesque fringilla molestie leo. Morbi pellentesque erat non lectus congue semper.