Feature request: Global “Hero” section presets (styles + layout) when adding a container #33962
newton1585
started this conversation in
Feature Request
Replies: 1 comment
-
|
I must admit, I think this is a brilliant idea, and I've also found myself having similar problems. I wouldn't just restrict it to hero sections, I think you have a case for other section preset ideas, such as calls to action, custom sections, etc, when handling containers. |
Beta Was this translation helpful? Give feedback.
0 replies
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
Elementor currently lets us set global typography (H1, H2, H3, etc.), but there’s no equivalent way to define a reusable global preset for a Hero section (layout + spacing + background + typography + buttons + responsive rules). As a result, every time I create a new page and add a container for the hero, I must rebuild the same structure and styles manually (columns, padding, min-height, background/overlay, CTA button styles, mobile adjustments) or duplicate/import a previous section. This increases build time and often leads to inconsistent heroes across pages/projects.
Propose a Solution
Introduce a Global Hero Presets feature (similar to Global Typography), allowing users to create and manage predefined “Hero” section templates/presets. When adding a new container, provide an option such as Section Type → Hero (or “Apply preset”) to automatically apply the selected Hero preset.
Each preset should be able to store:
Layout/structure: 1 column, 2 columns, centered hero, etc.
Spacing & sizing: padding, gap, min-height, content max-width, alignment.
Background: color/image/video + overlay/gradient.
Typography mapping: default styles for hero title/subtitle/body.
Buttons: primary/secondary CTA styles (including hover).
Responsive rules: tablet/mobile adjustments (column order, font sizes, padding).
This would reduce repetitive work, speed up building, and keep consistent heroes across pages and projects.
Additional Context
I build multiple WordPress sites and landing pages with Elementor, where almost every page starts with a hero section following the same brand system (same spacing, typography hierarchy, background style, and CTA button styles). Global typography helps, but the hero section also depends heavily on layout, container sizing, background overlays, and responsive behavior—settings that currently must be recreated manually per page or by duplicating sections.
Duplicating/importing works as a workaround, but it’s not as clean as having a dedicated global preset: duplicates can drift over time, and updates (e.g., changing hero padding or button style) require editing many pages. A “Hero preset” applied at container creation would standardize the process and keep consistency across an entire site (or across projects), especially when producing many pages quickly.
Agreement
Beta Was this translation helpful? Give feedback.
All reactions