add a divider to Elementor

How to add a divider to Elementor

Looking for a way to add a divider to Elementor? Here in this article, we will guide you to add a divider to your Elementor page.

Using a divider you can separate your content from others. Elementor offers you the Divider widget which allows you to style more to your divider that can easily attract users. 

Add a divider to Elementor

First, open up a page with the Elementor editor and then search for the divider widget on the left dashboard. Drag the divider widget and drop it where you want to add the divider.

add a divider to Elementor

This will add the divider in your selected area. Now you need to customize your divider. You can select the divider style. There are too many styles available. You can select any of the styles you want.

add a divider to Elementor

After selecting your styles you can add the width, and set the divider alignment. After that, you can add elements to your divider. You can add text to the divider or add an icon. Click on the text button to add a text. If you want to add an icon then click on the icon option. It will open up the default Elementor icon library. You will be able to select any of the icons you want from the Elementor icon library.  For text, you can add your custom text and select the HTML tag for your text.

add a divider to Elementor

Now move on to the Style tab to style up the divider you just added. There are different style options available. You can set the divider color, weight, size, amount, and gap.

add a divider to Elementor

If you add a text in your divider then you will be able to see the text style option. You can add the text color and set text typography. You can also set the text position as-

  • Center
  • Left
  • Right

You can also see the spacing of the text too.

add a divider to Elementor

On the other hand, if you add an icon then you will be able to see the icon style option. From here you can set the icon value as –

  • Default
  • Stacked
  • Framed

After that, you can add the icon size, primary color, and spacing. You can also rotate the icon too. You can also set the icon position as-

  • Center
  • Left
  • Right

That’s it! Your divider is ready. You can use the divider anywhere on your website.

Wrapping up

Following the process, you will be able to add a divider to Elementor. You can see our other articles to learn How to fix the Publish/Update button not working error in Elementor.

Easy steps to custom WooCommerce product page with Elementor.

How to create an image accordion with Elementor.

We hope this article will help you. If you like this article please like our Facebook page to stay connected.

Leave a Reply

Your email address will not be published. Required fields are marked *