Elementor – using SVG shapes as backgrounds

This tutorial was made in response to a question in the Elementor Community Facebook group.


The Poster shared a screenshot of a header section with blob shapes in the background, and a blob shape as the background for a form.

This tutorial does not attempt to reconstruct the shared screenshot, it demonstrates a method that I would use to get SVG shapes as backgrounds. The methods I use could be used to reconstruct the screenshot.

There are some great plugins that may be purchased to do the same. The methods I use do not require any plugins whatsoever.

 One thing to keep in mind when doing this is that you need to be extra vigilant with how the shapes move and look on Mobile and Tablet views.