In this video, I show you how to add a custom shape divider in Elementor. A shape divider can separate sections and make your content more visually appealing and engaging.
Make sure you have Elementor Pro installed and activated on your WordPress website.
Navigate to the page where you want to add the wave divider pattern. Click on "Edit with Elementor" to open the Elementor editor.
Add a new section using the plus icon and choose the desired layout (flexbox or grid). Within the section, add an image using the "Image" widget. You can drag and drop the image widget onto the section. Repeat the process to create a second section with another image.
In each section's settings, go to the "Style" tab. Under "Background," select "Background Type: Classic." Choose a background color for both containers.
For the top section, go to the "Edit Section" settings and navigate to the "Style" tab. Under "Shape Divider," select "Bottom" and choose "Waves." Adjust the color and width as desired. For the second section, go to the "Edit Section" settings and navigate to the "Style" tab. Under "Shape Divider," select "Top" and choose "Waves." Keep the default color and adjust width and other settings as needed.
Preview the page to see the wave divider pattern between the two sections. If satisfied, click the "Update" or "Publish" button to save the changes.