Slider

The Posts Slider Widget lets you display your blog posts inside a responsive carousel slider. It comes with multiple layouts, overlays, and extensive query and styling controls to fully customize

Content Tab

Layout

• Layouts: Choose from 7 predefined layouts for your slider design.

• Overlay Styles: Select from 3 overlay types to control how post details appear on hover.

Query

Control which posts are displayed inside the slider.

• Source: Select the post type (e.g., Posts, Pages, or a custom post type).

• Categories: Filter posts by category.

• Tags: Filter posts by tag.

• Posts Per Page: Set the number of posts to show.

• Order By: Choose sorting (Date, Title, ID, Random, etc.).

• Order: Ascending or Descending order.

• Offset: Skip a given number of posts from the beginning.

Slider Settings

• Autoplay: Enable/disable auto-sliding.

• Autoplay Speed: Set the speed (in milliseconds).

• Navigation Arrows: Show or hide previous/next arrows.

• Dots/Pagination: Show or hide pagination dots.

• Loop: Enable infinite scrolling of slides.

---

Style Tab

Slider Items

• Background: Set background color or image for each post item.

• Box Shadow: Apply shadow styling for depth.

• Border & Radius: Add border styles and adjust corner radius.

• Spacing: Control padding and margins around slider items.

Post Title

• Typography: Font family, size, weight, transform.

• Color: Normal & hover states.

• Spacing: Margin/padding for titles.

Post Meta (Author, Date, Comments)

• Typography: Customize meta text styling.

• Color: Normal & hover states.

• Spacing: Adjust spacing between meta items.

Post Excerpt

• Enable/Disable: Show or hide excerpts.

• Excerpt Length: Control the number of words shown.

• Typography: Font family, size, weight.

• Color: Normal state.

Overlay

• Overlay Background: Color & opacity controls.

• Hover Effects: Fade, zoom, or custom transitions.