Repository navigation
Slides Carousel Widget
yoshidaman99 edited this page Mar 21, 2026
·
1 revision
The Slides Carousel uses a repeater control to add image-based slides with titles, descriptions, and optional links.
- Add the Slides Carousel widget to your page
- In the Slides section, use the repeater to add slides
- Each slide has: Image, Title, Description, Link, Content Position, Overlay
| Control | Type | Default | Description |
|---|---|---|---|
| Image | Media | - | Slide background image |
| Image Size | Select | Full | WordPress image size |
| Title | Text | Slide Title | Heading text |
| Description | Textarea | - | Body text below title |
| Link | URL | - | Optional click-through link |
| Content Position | Select | Bottom Center | Where title/description appear |
| Enable Overlay | Switch | Off | Darken image behind text |
| Overlay Color | Color | rgba(0,0,0,0.4) | Overlay background color |
| Position | Description |
|---|---|
| Bottom Center | Title and description at bottom, centered |
| Bottom Left | Title and description at bottom left |
| Bottom Right | Title and description at bottom right |
| Center | Title and description vertically and horizontally centered |
| Top Center | Title and description at top, centered |
| Top Left | Title and description at top left |
| Top Right | Title and description at top right |
| Control | Description |
|---|---|
| Slide Height | Set fixed height (px or vh) |
| Title Typography | Font, size, weight, etc. |
| Title Color | Text color for titles |
| Description Typography | Font, size, weight, etc. |
| Description Color | Text color for descriptions |
| Content Padding | Padding around text content |
| Border Radius | Round corners on slides |
- Use the overlay for better text readability on images
- Set a consistent slide height for uniform sizing
- Link the entire slide for CTAs or product pages
- Use WordPress image sizes to optimize loading