Slide - image
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| Enable container full width | full_width | checkbox | false | |
| Overlay background | overlay_bg | color_background | linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 100%) | Supports gradient background. |
| Text width (desktop) | text_width | range | 50 | |
| Text width (mobile) | text_width_mob | range | 90 | |
| Text position (desktop) | text_position | select | md:items-center md:justify-start | |
| Text position (mobile) | text_position_mob | select | items-center justify-center | |
| Enable text shadow | text_shadow | checkbox | true | |
| Show wave overlay | show_wave | checkbox | false | A wave shape pinned to the bottom edge of the media — pick a color matching the section below for an irregular media silhouette. |
| Wave color | wave_color | color | #ffffff |
Option values
- Text position (desktop) (
text_position): Top left (md:items-start md:justify-start), Top center (md:items-start md:justify-center), Top right (md:items-start md:justify-end), Center left (md:items-center md:justify-start), Center center (md:items-center md:justify-center), Center right (md:items-center md:justify-end), Bottom left (md:items-end md:justify-start), Bottom center (md:items-end md:justify-center), Bottom right (md:items-end md:justify-end) - Text position (mobile) (
text_position_mob): Top left (items-start justify-start), Top center (items-start justify-center), Top right (items-start justify-end), Center left (items-center justify-start), Center center (items-center justify-center), Center right (items-center justify-end), Bottom left (items-end justify-start), Bottom center (items-end justify-center), Bottom right (items-end justify-end)
Presets
- Slide - image