The 'Line' element adds a horizontal dividing line to your campaign screen. It's a simple but effective tool for visually separating different sections of your content, creating a clean and organized layout.
Note: This guide covers settings specific to the Line element. For general settings found under 'Advanced options' (like backgrounds and margins), please refer to our main styling guides.
How to Add a Line
On any campaign screen, click the "+ Add" button between elements and select the 'Line' element from the list. A new horizontal line will be added to your layout.
Customizing the Line
Once you've added a line, you can select it to configure its properties in the settings panel.
- Color: Select a color for the line to match your brand's palette.
- Height (Thickness): Use the dropdown menu to set the thickness of the line in pixels (e.g., 1px, 2px, 5px).
- Width: Use the slider to control the horizontal width of the line. You can make it span the full width of the content area (100%) or make it shorter for a different stylistic effect.
Advanced Options
Under 'Advanced options', you can also control the element's container background and spacing (paddings and margins), just like with other elements.