Page Designer Modules

  1. Home
  2. Support
  3. Page Designer Modules
  4. Divider Module with the Website Page Designer

Divider Module with the Website Page Designer

To separate contents on your website, a great visual aid is the divider. Showing a line not only divides sections, making them easier to read, but it is also a nice design element.

If you just want to add some white space, you can also choose not to show the line on the content options.

Go to the page designer, and add a new module by clicking on the gray plus sign. Choose the divider module from the list. If you prefer to find the module automatically, it’s also possible to type it in the search bar on top.

Define Contents

The contents tab includes the following options:

Visibility

Choose if you want to display a divider line, that will appear on top of the module and will not affect the height of what is below, or not to show it if you just wish to add vertical spacing.

Link

If you want that the module opens a new URL when someone clicks on it, paste that link here and decide if the link will open in the same window or tab.

Background

Add a background color, gradient, image or video to your module.

Admin label

You can modify the module’s label for easier identification.

Customize the design

With these settings, you can customize your design.

Color

Select the color of the line.

Styles

Choose the style of the line, between solid, dashed, dotted or any of the other options. Select the divider position as top, vertically centered or bottom.

Sizing

Adjust the divider height, and the height and width of the module.

Spacing

Customize margins and padding sizes.

Border

Define the border’s corner, style, color and width for your module.

Box Shadow

Here you can enable box shadow.

Filters

Adjust the hue of the module as a whole.

Animation

Give an animation style to the module, like fading or sliding when it appears.

Advanced settings

Using this tab you are able to insert CSS code, select device visibility, and manage transitions. Check this guide to know more about how to use these settings.

Something missing? Contact us
Was this article helpful to you? Yes No

How can we help?