Background Image

Fields

The following fields are used in the Background Image content module:

Fields marked * are compulsory.

Field Action Option / Content
Status * Select Published / Unpublished
Image * Select/Upload Required background image

[top]

About

The Background Image module provides the means to add an aesthetic element to your page, and to break up content. The module adds a parallax image to the web page.

“Parallax scrolling is a web site trend where the background content (i.e. an image) is moved at a different speed than the foreground content while scrolling.”

https://www.w3schools.com/howto/howto_css_parallax.asp

[top]

Background Image Admin

The Background Image Content Module appears as follows when added:

Background Image Content Module

[top]

Adding a Background Image Content Module

  • Open the Page / Post on which you wish the Content Module to appear
  • Click the Add Module button
  • Select Background Image
  • Select the required Status
  • Click the Add Image button

Add Image

This displays the Select Image window

Select Image

  • Click on an image from the Media Library tabOR
  • Click the Upload Files tab
  • Click the Select Files button

Select Files

This displays the Open window

Open Window

  • Locate and select the required image
  • Click the Open button

A tick and blue border appears around the selected image

Selected Image

  • Click the Select button

The selected image is added to your module

Background Image Module

  • Click Save Draft / Publish / Update to save

[top]

Background Image Themes

Themes are not applicable to the Background Image content module.

[top]

Background Image Example