Spacer and Divider Objects

Learn how to add an extra space and a line divider to separate objects

Ariane Ramirez avatar
Written by Ariane Ramirez
Updated over a week ago

You can add different page contents, such as text, images, videos, icons, buttons, and more, using the Event Website Builder. Each object can be customized through the right-side menu in the editor. In this article, you'll learn what each setting can do to make your page look appealing.

Note: This feature is available only for Enterprise and White Label Plans

The Spacer Object is an object that you can add to your page to add distance between two other objects on the page. You can add this blank object to let the page "breathe." Instead of adjusting the padding of each object, you can use the spacer object to add a space between them easily.

The Divider Object is a horizontal line you can add to your page. Use this to emphasize a divide between page sections or topics.

Add a Spacer or Divider to the Page

Drag the spacer or divider object from the content menu to the template.

Spacer Content Properties

You can adjust the height of the spacer.

Divider Content Properties

You can choose the type of line, thickness, color, width, and alignment.

Block Options

This last settings section in the content settings menu allows you to control the space between the object and the block (object container), hide the whole block, give the block an ID to identify it easily and create an anchor link.

  • Padding - Increasing the padding to add space between the object and the block or object container.

  • Hide On - hide the object from desktop or mobile view.

  • Block Identifier - this setting is used with an Action setting to create anchor links.

Did this answer your question?