The line widget can be used to define thematic break or to separate content visually on a page.
Using the Line Widget
The line widget can be used to create a distinct separation between sections of your page, or between individual widgets.
Use cases
The line widget will take up the width of whatever column it is contained in. So for instance you can use a line to separate text on your page or separate an image from the rest of your page etc.
Customization and Styling Details
You can change the color, weight, or style of any line on your page.
Line color
The color picker allows you to choose from your brand colors, recent colors, or click ADD next to "Recent Colors" to enter hex codes or select a different color for your line widget as seen here:
Line type
Click on the widget, then the line icon to choose between a solid, dashed, or dotted line style, as seen below.
Increase or decrease the weight (thickness) of the line on a scale of 1–10 by moving the slider from left to right.
Line size
The line widget will always span the entirety of the column it is in. However, to resize the line, you can add space widgets on either side of the line widget, then drag the resizing bars right or left.
Tips and Frequently Asked Questions
Can I adjust the spacing around a line?
The margin or padding cannot be adjusted around a line at this time.
TIP: Bigger isn’t always better!
You don’t necessarily need a line at maximum thickness to create a visual separation. A subtle line using a smaller weight and low contrast color can sometimes be just as effective and less distracting. If your line captures more attention than the content it separates, then you may need to adjust it.
Need more help?
You can always get in touch with our support team—just click Support in your Leadpages navigation menu, or submit a ticket ↗