Graphic Design | Web

elementor shape divider jagged edges

Jagged edges on Elementor shape divider

Shape dividers are a nice feature in Elementor allowing you to create some very interesting effects in terms of page design.

Recent versions of Elementor are suffering from an issue related to shape dividers where very noticeable jagged edges are visible on the edges of the actual shape.

At the time of writing this post, Elementor is aware of the issue but has not released an update that resolves the problem.

From what we can tell, it seems Elementor adds a transform to the actual shape in order to improve hardware accelerated rendering, however this has now become an issue.

To fix the problem, simply add the following CSS code to the section containing the shape divider:

					.elementor-shape .elementor-shape-fill { -webkit-transform: none; transform: none; }
Share on facebook
Share on twitter
Share on linkedin