The Post Carousel Slider makes it easy to display posts, pages, products, or custom post types in an interactive, space-saving carousel layout. It helps you showcase more content in a limited area while improving navigation and user engagement. With flexible query, filter, and design options, you can create dynamic sliders that perfectly match your Elementor website.
Step #1: Install and activate Unlimited Elements Free Version for Elementor
You have to install and activate the Unlimited Elements Free Version for Elementor.
Step #2: Adding the Post Carousel widget to your Elementor website
To display posts in a carousel on your Elementor website, install the Post Carousel widget from the Unlimited Elements Widget library.
Step #3: Add the Post Carousel widget to your Elementor page
Now, in the Elementor editor, find the Post Carousel widget and drag it to the desired part of your page.
Posts Query Settings
In the Post Query selection, we can select from a variety of post types, whether it’s regular posts, pages, products, or custom post types. We can even select multiple post types in one display.
Posts Source
Choose any of the below options for your post source.
- Current Query Post
- Custom Posts
- Related Posts
- Manual Selection
Post Types
Choose the type of post you want to display.
Include By
Include the posts from different options given below
- Include Sticky Posts
- Get Only Sticky Posts
- Author
- Date
- Post Parent
- Post Meta
- Most Viewed
- ID's from PHP function
- ID's from Post Meta
- ID's from Dynamic Field
Include By Terms
Choose specific posts that you would like to include from your selection by adding rules.
- Include By Terms Relation
- Include Terms Children
Exclude By
Choose specific posts that you would like to exclude from your selection by adding rules.
- Terms
- Current Posts
- Author
- Post Without Featured Image
- Posts with current category
- Posts with current tags
- Offset
- Avoid Duplicates
- ID's from Dynamic Field
Max Posts
Set the maximum number of posts to display.
Order
Select the posts order and order direction accordingly.
Query ID (Pro)
Give your Query unique ID to been able to filter it in server side using add_filter() function. This feature exists in a PRO Version only.
General Settings of the Post Carousel Slider
Post Image Size
Select the post image size according to the layout.
Layout
Choose the desired layout from given options.
- Under
- Overlay (Pro)
- Overlay Bottom (Pro)
- Under Overlap (Pro)
- Partial Overlay (Pro)
- Reveal From Bottom (Pro)
- Side by Side (Pro)
Number of items
Select the number of items you want to display in a row.
Slider to Scroll
Select the number of items to scroll.
Autoplay
Turn on/off the autoplay option.
Loop (Pro)
On/Off the loop option for slides.
Autoplay Hover Pause
Choosing yes will cause autoplay to pause on hover.
Margin Between Items
Give margin between two items.
Autoplay Timeout
Set the time between autoplay of two slides.
Transition Speed
Set the time for transition animation duration.
Read More Text
Type custom text for the read more button.
Intro Number of Characters
Choose the number of characters to display as intro in slides.
Stage Padding Type
Select the stage padding Type.
- None
- Both
- Left (Pro)
- Right (Pro)
Stage Padding Number (px)
Enter the stage padding in pixels to create an offset layout.
Center (Pro)
Set the slide item to center.
Transition Easing
Enable or disable the transition easing option.
RTL
Turning on will display the posts from right to left.
Set Active Mode on Mobile
Choosing yes will enable active mode on mobile.
Change on Click
Items will change to clicked on clicking on it.
Random Order (Pro)
Enable or disable the random order option.
Mouse Drag
Turn on/off the mouse drag option.
Touch Drag
Turn on/off the touch drag option for touch screen devices.
Enable Mouse Wheel Control
Enable the mouse wheel control if required.
Scroll To Head
Scroll to head on item change if the carousel is not visible.
Show Empty Message
It will show an empty message when no post answers the query.
Empty Message
Type the empty message.
Link Complete Item (Pro)
Enable this to make the whole box clickable rather than just the button.
Layout Settings
Show Arrow
Show/Hide nav arrow icon on the slide.
Show Dots
Show/Hide dots for the navigation.
Show Image
Show/Hide image in the post.
Image Link
Select the image link option.
- None
- To Post
- Image Lightbox (Pro)
Show Content
Show/Hide content of the post.
Show Categories
Choose any of the options from the given list to show the categories of the post
- No
- All Categories
- Only Main Category (Pro)
- By Taxonomy (Pro)
- Last Level by Taxonomy (Pro)
Show Title
Show/Hide the title of the post.
Title Link
Enable or disable the title link option.
Title HTML Tag
Select HTML tag for the title.
- div
- h2
- h3
- h4
- h5
Show Intro
Show/Hide the intro for the post.
Show Button
Show/Hide the button.
Align Button Same Height
Enable this to align the buttons to the same height.
Dynamic Popup Select
Select the dynamic popup option.
- Post Link
- Dynamic Post Popup
- Disable Link
- Link From Meta Field
Open Link In New Tab
Enable this to open post Link In New Tab
Show Button Icon
Show/Hide the button icon.
Show Post Full Content
Show/Hide the post full content.
Additional Data Settings
Show Date
Show/Hide the date of the post.
Show Time
Show/Hide the time of the post.
Show Time Ago
Show/Hide the time ago of the post.
Show Comments
Show/Hide the post comments number.
Show Author
Show/Hide the author of the post.
Show Custom Meta (Pro)
Display custom metadata, ACF (advanced custom fields) in the post list.
- Show custom meta
- Select meta filed name
- Add custom text before metadata
- Choose custom meta icon
Show Post Image Caption
Enable or disable the post image caption option.
Debug Meta Fields
Show/Hide all meta fields with content for debug purposes.
Nav Arrow Settings
Connected Widgets Settings
Enable Remote Connection
Widget Name for Connection
Choose this to "Auto Detectable", so it will automatically detect the remote widgets.
Sync
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Posts Pagination and Filtering Options
Add the AJAX-based faceted filter system, seamlessly empowering you to craft diverse layouts with ease. Take control by applying multiple filters, ensuring a super-fast and dynamic filtering experience tailored to your website needs.
Pagination
Select the pagination to show Numbers, Using Pagination Widget or None.
Enable Post Filtering
When turned on, you can use all the post filters widgets like tabs filter, load more etc with this grid
Filters Behaviour
Select the filter behaviour to either Ajax, Ajax and URL Change or Ajax, URL Change and Back Button.
Group
Select the group, and allow filtering group of widgets at once.
Disable Third Party Modifications
Disable other themes or plugins hooks and their code so they will not influence on the query.
Step #4: Add the Tabs Filter widget
To complete the design, let’s add the Tabs Filter widget to the page. In the Terms selection, choose the same post type and terms that were selected in the Post Carousel widget to ensure proper filtering. Then, style the widget as needed to match your website’s overall design.
Wrapping it Up!
Adding a Post Carousel Slider to your Elementor website is a simple and effective way to highlight important content while keeping your layout clean and engaging. With the right settings and styling, you can create powerful content sliders that improve usability and encourage visitors to explore more of your site.