Skip to content

Slides Carousel Widget

yoshidaman99 edited this page Mar 21, 2026 · 1 revision

Slides Carousel Widget

The Slides Carousel uses a repeater control to add image-based slides with titles, descriptions, and optional links.

How It Works

  1. Add the Slides Carousel widget to your page
  2. In the Slides section, use the repeater to add slides
  3. Each slide has: Image, Title, Description, Link, Content Position, Overlay

Content Controls

Slides Section

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

Content Position Options

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

Style Controls

Slide Section

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

Tips

  • 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

Clone this wiki locally