Native Shape Dividers for Atomic V4 Flexbox and Grid containers #37451
bat06140
started this conversation in
Feature Request
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Describe the Problem
When rebuilding V3 sections with Atomic V4 containers, I cannot find native top/bottom Shape Divider controls equivalent to those available in V3.
My use case is the first section below the header: a gradient background with decorative angled shapes, reused across several pages while each page keeps its own content. Recreating this currently requires extra decorative elements, SVGs or custom CSS, which makes the layout harder to maintain and edit visually.
The Atomic Divider element is a content separator, so it does not address this section-background use case.
Propose a Solution
Please add native top and bottom Shape Dividers to Atomic V4 Flexbox and Grid containers, integrated with the V4 design system.
Suggested controls:
The goal is to reproduce existing V3 section designs using native V4 controls while keeping the content editable independently on each page.
Additional Context
Alternatives considered: keeping a V3 outer container, adding an absolutely positioned SVG, or recreating the shapes with CSS clip-path and extra elements. These workarounds can reproduce the appearance, but do not provide the same native editing experience.
Existing Shape Divider documentation: https://elementor.com/help/shape-divider/
V4 background documentation: https://elementor.com/help/style-tab-background/
This request concerns native decorative section shapes in Atomic V4, rather than additional shapes or positioning options for the existing V3 feature.
Agreement
All reactions