Help Center Build with the Editor Widgets Change the shape of a container or section’s border

Change the shape of a container or section’s border

Last Update: August 6, 2026

Shape dividers are graphic shapes that separate the sections or containers of a page.

Note
This video demonstrates Shape Dividers using legacy Sections. If you are using Flexbox Containers, follow the written instructions below.

How to add Shape Dividers to a section

  1. Add a new Section
  2. Go to Section > Style > Shape Divider
  3. Choose to display at the Top or Bottom of your section
  4. Type: Click the dropdown to choose your Shape Divider style
  5. Color: Pick a color
  6. Width: Set the width of your Shape Divider
  7. Height: Set the height of your Shape Divider
  8. Flip: Flip the direction of your Shape Divider
  9. Bring to front: Force your Shape Divider to be in front of other objects

How to add Shape Dividers to a container

  1. Add a new Container
  2. Go to Container> Style > Shape Divider
  3. Choose to display at the Top or Bottom of your section
  4. Type: Click the dropdown to choose your Shape Divider style
  5. Color: Pick a color
  6. Width: Set the width of your Shape Divider
  7. Height: Set the height of your Shape Divider
  8. Flip: Flip the direction of your Shape Divider
  9. Bring to front: Force your Shape Divider to be in front of other objects

Shape Dividers

Have more questions?

Can’t find the answers you’re looking for? We’re more than happy to assist.

Contact support

Related Articles

On this page

Share this article