Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using Line Blocks

The Line Block adds a horizontal line (<hr> in HTML) between blocks on your site. This is a great way to break up text or visually separate content on pages, posts, sidebars, and footers.

Note: The Line Block can’t add a vertical line — only horizontal. To add a vertical line, create an image of a line in an external editing program and upload it to an Image Block.

Step 1 - Add the Line Block

  1. Open a page or post editor.
  2. Click an Insert Point or the +.
  3. Select Line from the menu.
  4. For more detailed steps, visit Adding blocks.

Step 2 - Place the Line Block

Click and drag the Line Block to place it. The Insert Mark will help with your placement.

Step 3 - Change the color and transparency

In the templates below, you can change the color and transparency of the Line Block in Site Styles. Use this list to find the tweak for each template. Templates are grouped by family.

Note: Changing the Line Block color changes the color of all lines and borders site-wide.
Template Tweak

Brine family

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West


Farro family

Farro, Haute

Five Lines & Decorations

Montauk family

Julia, Kent, Montauk, Om

Page Border Color 

Skye family

Foundry, Indigo, Ready, Skye, Tudor

Line Block color changes automatically to be darker or lighter depending on Site Background tweak


Was this article helpful?
29 out of 157 found this helpful