How to add shape dividers for rows and columns
With our latest themes, you might get the functionality to add shape dividers to your rows and columns. In order to do that, you need to simply go and edit the row you want to add the shape divider to. Note that there are 2 shape divider positions – top and bottom.
In this article, we will show you how easy it is to add some and customize it to your needs. Just follow the steps with us:
- Open the page with the layout and find the row you want to edit.
- Click the edit button for the row
- When editing the row, click the styles tab and scroll down until you find the Top shape divider and bottom shape divider options
You can easily enable the shape divider option and then select the settings that are good for your layout. You can select from different styles, choose your color, the width(in percent) and the height (in pixels). Also, if you want the shape divider to cover your content in this row, you can enable the bring to front option.
That is it. The same options apply to the bottom divider, where you can easily choose some beautiful shape dividers for your elements.