Layout

Coming Soon & Maintenance Mode comes with 13 design modules that can be easily arranged on the page via a user-friendly drag and drop editor. 

The Layout editor allows you to move modules, and choose which one you want to display on the coming soon page.

The Layout editor consists of two columns:

  • Page Layout (left)– a column which shows all active modules
  • Available / Hidden Modules (right)– holds all modules that you can use, but are currently inactive (not visible on the live page)

In order to rearrange modules, simply click on a module that you like, and drag it to a place of choice. You can move modules up and down the column and choose their order, but you can as well drag them from one column to the other one and thus make one available or hide it from the page.

Page Layout

If you put the mouse cursor over any module, you will see a few icons pop up:

  • Name – Label with the name of the module
  • Drag&Drop icon – allows you to move the module (change the position of the element or move to inactive list)
  • Edit icon – takes you to the settings page where you can customize details of that particular module
  • Delete icon – moves the module to the list of inactive modules so you don’t have to drag and drop the element manually

Available / Hidden Modules

If you put the mouse cursor over any module on this list, you will see:

  • Name – Label with the name of the module
  • Plus icon – add the module to your coming soon page (without dragging it to the desired position)

Content Overlay

If enabled, applies a transparent background to the entire content section of the page. This background is used to put a focus on the content, and you can control its look by changing some of the following settings.

  • Content Overlay Color - Click to choose a background color of the content overlay element. You can as well write the color’s hexadecimal number.
  • Content Overlay Opacity - Move the slider left/right to change the transparency level of the content overlay element. Less opacity means a more transparent background. Default: 60%.
  • Content Width - Move the slider left/right to change the width of content that will be displayed on the page. You can choose width from 200px to 1040px in steps of 10px. Default: 600px.
  • Content Position - Choose the position of the content box on the page. It can be displayed in:
  • Top Left
  • Top Center
  • Top Right
  • Middle Center

Modules Spacing

The vertical spacing between design modules in pixels. The selected value is added to both top and bottom margins of the module. Default: 10px.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us