Section extra settings
Extra settings to extend the drag and drop section capabilities with new styling customizations and other settings that are otherwise not possible in the editor, such as video backgrounds, transparent overlays, shape overlays, theme corners, half or full height options, removing column gaps, and more.
Live Preview| Use case | Customize drag and drop sections beyond the default settings. |
| Page speed impact | Low, unless very large unoptimized images or videos are added, in which case it may have Medium or High impact. |
| Available in pages | Yes |
| Reserved block class | section-bg |
| Relevant files | css/components/section-extra-settings.css |
Quick demo
Good to know
This module can be dragged into any section to unlock powerful background options, such as your theme's accent color or gradient, an image with a transparent overlay, a background video, and more section-specific settings, such as half or full height, removing column gaps, round corners, and more.
Only one module should be added per section.
It can be placed anywhere within the section. In the default Act3 templates it sits at the top, which is the recommended placement.
If you only need a simple background color, gradient, or image, the page editor's built-in options work well for that. These take priority over this module, so using both at the same time means the module's background will appear behind the editor's background and may not be visible. Use one or the other, not both.
A UI button is included for quick access in the page editor. It does not appear on live pages.