The Post Carousel 1 widget displays blog posts or custom post types in a horizontal carousel with an overlay design, where post details like title, excerpt, and buttons appear on hover. It’s ideal for highlighting recent or featured posts with smooth sliding transitions, navigation arrows, and dots.
How to Use
- Drag and drop the Post Carousel 1 widget into a section.
- Configure Post Query to filter posts by categories, tags, or custom post types.
- Adjust Carousel Settings like slide speed, autoplay, loop, and direction.
- Enable/disable content like title, excerpt, read more button, and meta information.
- Style the carousel with colors, typography, and navigation controls.
Content Settings
- Post Query → Categories, tags, post types, order by/order, number of posts.
- Post Setting → Columns, gap, image toggle, image resolution, post content toggle, meta toggle.
- Post Content → Title, excerpt length, read more button (text, icon, position, gap).
- Carousel Settings → Effects (slide/fade), direction (LTR/RTL), navigation arrows, dots clickable, autoplay, loop, show pagination dots, and show scrollbar.
Styling Controls
- Blog Style → Background color, border, radius, padding, margin, box shadow.
- Thumbnail Style → Width, height, border, radius, hover effect, margin.
- Category Style → Typography, color, hover color, background, padding.
- Title Style → Typography, color, hover color, margin.
- Meta Style → Typography, color, icon color, spacing.
- Excerpt Style → Typography, color, margin.
- Button Style → Typography, color, hover color, padding, radius.
- Pagination Style → Alignment, typography, color, hover color, border, radius.
- Navigation Style → Arrow size, color, hover color, background, border, radius, padding, margin.
Pro Tip
- Combine autoplay with loop and limit visible posts to 2–4 per slide for optimal readability and user engagement.