How to Add a Horizontal Shape Divider in Elementor?

Key Takeaways

  • Advanced Separators widget from The Plus Addons for Elementor allows users to add a horizontal shape divider to a section in Elementor.
  • The horizontal shape divider visually breaks up different sections of a webpage, enhancing aesthetic appeal and user experience.
  • Users must install and activate The Plus Addons for Elementor to access the Advanced Separators widget.
Table Of Content

Do you want to add a horizontal shape divider to a section in Elementor? A horizontal shape divider, also known as a section separator, is a design element that helps to visually break up different sections of a webpage. It not only adds an aesthetic appeal to the design but also improves the overall user experience.

With the Advanced Separators widget from The Plus Addons for Elementor, you can easily add a horizontal shape divider to a section in Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Separators widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To do this, add the Advanced Separators widget to a container or section and follow the steps –

1. Select an appropriate option from the Shape Divider section.

2. Then select Section/Row from the Row/Column dropdown. 

Advanced separators section row new1 how to add a horizontal shape divider in elementor? From the plus addons for elementor

Then make the necessary adjustment to the shape divider based on the selected shape divider type.

This is how easily you can add a horizontal shape divider to a section or container in Elementor.

Advanced separators wave demo 1 how to add a horizontal shape divider in elementor? From the plus addons for elementor

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the horizontal shape divider isn't displaying correctly in Elementor?

If the horizontal shape divider isn't displaying as expected, ensure that you have installed and activated The Plus Addons for Elementor. Without this plugin, the Advanced Separators widget won't function. Additionally, double-check that you've selected the appropriate option from the Shape Divider section and the correct Section/Row from the dropdown.

Can I use the horizontal shape divider for mobile layouts?

Yes, a horizontal shape divider can enhance mobile layouts by visually separating content sections. It's important to adjust the settings for mobile views to ensure the divider looks good on smaller screens. The Plus Addons for Elementor allows for customization, so you can modify the appearance based on the device.

What are the best practices for using horizontal shape dividers in web design?

Using horizontal shape dividers effectively can improve user experience by breaking up content visually. Aim for a design that complements your overall layout. The Plus Addons for Elementor provides various options to customize the shape divider, so choose a style that aligns with your website's theme and enhances readability.

Are there limitations to using horizontal shape dividers with The Plus Addons for Elementor?

While horizontal shape dividers can enhance the design, they may not work well in all contexts. Overusing them can clutter a layout, making it less effective. It's crucial to use them sparingly and only where they add value. The Plus Addons for Elementor offers multiple shapes, so experimenting with different styles can help find the best fit.

What happens if I select the wrong option in the Shape Divider section?

Selecting the wrong option in the Shape Divider section can lead to an unexpected appearance of the divider. This might result in a design that doesn't align with your intended layout. To avoid this, preview your changes frequently and adjust the settings as needed to ensure that the divider enhances the overall aesthetic.

Is there a way to add a vertical shape divider using The Plus Addons for Elementor?

Yes, The Plus Addons for Elementor allows you to add vertical shape dividers as well. For guidance, refer to the tutorial on How to Add a Vertical Shape Divider in Elementor?. This can be useful for creating distinct sections in a sidebar or narrow layout.

Last reviewed: April 9, 2026