Step 1 – Create a new container and add your desired column layout, then add your content. It’s also recommended to add a background color to the container that matches the color of the section separator. For this example, let’s add a two column layout with text, and set red as it’s background color.
Step 2 – If you’d like to display the content as full width, then set your Page Template to ‘100% Width’.
Step 3 – Add a new container with a 1/1 column layout. Click the ‘+ Element’ button to add a new Section Separator element. Once you add a Section Separator, you can then select a style and set it’s corresponding options. For this example, let’s select the Triangle style and select the same red as it’s background color.
Step 4 – Depending on what vertical position you’ve set for the Section Separator element, you can move it’s container to the top or bottom of the container with the content. For this example, we’ve set the Section Separator element to display on the bottom, so we’ve kept the container below the content.
Step 5 – Lastly, don’t forget to make sure that both containers’ top and bottom margins are set to 0px. This will ensure that there is no space between the content and the section separator element. Click the ‘Container Settings’ icon, then switch to the ‘Design’ tab. Here, you can set the top and bottom margins to be 0px.