Help Center > Elementor Editor > Widgets > Advanced functionality > Change the shape of a container or section’s border

Change the shape of a container or section’s border

Last Update: August 17, 2023

This post has been translated using machine translation, which may result in minor inaccuracies or differences in wording compared to the original. We apologize for any errors or ambiguities. Please feel free to contact us if we can clarify anything for you.

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


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

On this page

Share this article

Hosted with