Line (Divider) Element

What is the Line (Divider) Element?

The Line (Divider) Element in GemPages allows you to visually separate sections of your page.

It enhances readability, organizes content, and ensures a clean, professional layout.

Here are some common use cases for the Line (Divider) Element:

• Section Separation: Use lines to divide different sections of your page, such as testimonials, product descriptions, or FAQs. This ensures that content flows smoothly and remains easy to navigate.
• Visual Breaks: A divider line can act as a subtle visual break between elements, helping to prevent information overload and guiding users’ attention to key areas.

Line Element Setting Breakdown

1. Color

Choose a color for the line that complements your page design and branding. 

For example, use subtle shades for minimalistic designs or bold colors for emphasis.

2. Style

Select the line style:

• Solid: A continuous line for a clean look.
• Dashed or Dotted: For a more decorative or modern appearance.

3. Size

• Thickness: Adjust the line’s thickness to make it subtle or prominent based on your design needs.
• Full Width: Enable or disable the full-width option depending on whether you want the line to span across the entire section or just a specific portion.

4. Align

Align the line to the left, center, or right to match your layout and content alignment.

How to Add Spacing Above and Below the Divider? 

To customize the spacing above and below the Line Divider element in GemPages, you can easily adjust its margins. Follow these simple steps:

Step 1: Click on the Line Divider element in the GemPages editor to highlight it.

Step 2: On the left-hand settings panel, navigate to the Advanced tab.

Step 3: Locate the Spacing settings under the Advanced tab.

Step 4: Modify the values for Margin Top and Margin Bottom to add the desired spacing above and below the divider.

For more information on margin and padding, refer to this article.