Space and Separator Widget

In this video we're talking all things spacers and separators! We'll talk about how to place and edit them, as well as, best practice for using them.

Step-by-Step Guide

Separators are design elements that separate content. Spacers add empty space between elements and items. 

Access Widgets:

• Click on 'Widgets' to view the available options.

Add Separator Widget:

• Locate and select the 'Separator’' widget. Drag and drop it into the desired location indicated by a blue line.

Style the Separator Widget

• Hover over the separator, then click “edit”
• Adjust the width of the separator by selecting the ‘Type’, or by pulling the ends of the separator to elongate or shorten the line
• Select the separator color based on your overall design and theme

Add Spacer Widget:

• Locate and select the 'Spacer’' widget. Drag and drop it into the desired location indicated by a blue line.

Style the Spacer Widget

• You can drag the top, sides, and bottom of the spacer to adjust how tall and wide the spacer is. 

Need Further Assistance? 

If you have any questions or need further assistance, click on the "Need Some Help" button on your dashboard to reach out to our support team. We're here to help you make the most out of your Churchly website and ensure you can effectively reach your community.