The Post Carousel Widget can be used to feature your posts next to each other in an interactive carousel. You can customize your post carousel widget to your Elementor website’s specific needs using its vast range of customization options. You can turn on or off any part of the post carousel to make it look exactly the way you want and suit your website needs. It also supports advanced options such as Remote Connection and syncing with other widgets.
Let’s look at each of the options in the “Post Carousel Widget” below.
Install Post Carousel Widget for Elementor
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Post Carousel”
- Hover over the widget in the search results and click install
- Add your “Post Carousel” widget to any Elementor Page
Choose the desired layout from given options.
- Overlay Bottom
- Under Overlap
- Partial Overlay
- Reveal From Bottom
- Side by Side
Number of items
Select the number of items you want to display in a row.
Turn on/off the autoplay option.
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.
Set the time between autoplay of two slides.
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.
Set the slide item to center.
Set the stage padding to create an offset layout.
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.
Show Empty Message
It will show an empty message when no post answers the query.
Type the empty message.
Show or hide elements in Post List.
Show/Hide nav arrow icon on the slide.
Show/Hide dots for the navigation.
Show/Hide image in the post.
It will make the image a link.
Show/Hide content of the post.
Choose any of the options from the given list to show the categories of the post
- All Categories
- Only Main Category
- By Taxonomy
Show/Hide the title of the post.
Title HTML Tag
Select HTML tag for the title.
Show/Hide the intro for the post.
Show/Hide the button.
Additional Data Settings
Show or Hide the additional data on the post list.
Show/Hide the date of the post.
Show/Hide the time of the post.
Show/Hide the author of the post.
Show Custom Meta
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
Nav Arrow Settings
Choose a custom icon for Left Arrow from the icon library.
Choose a custom icon for Right Arrow from the icon library.
Connected Widgets Settings
Enable Remote Connection
Visit Name for Connection
Provide a name for the connection that other widgets will use to connect and control this widget.
Choose the same group for two or more item-based widgets so they can sync together.
Post Query Setting
Select the exact posts you want to show on your Post List
Choose any of the below options for your post source.
- Current Query Post
- Custom Posts
- Related Posts
- Manual Selection
Choose the type of post you want to display.
Include the posts from different options given below
- Include Sticky Posts
- Get Only Sticky Posts
- 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
Choose specific posts that you would like to exclude from your selection by adding rules.
- Current Posts
- Post Without Featured Image
- Posts with current category
- Posts with current tags
- Avoid Duplicates
- ID's from Dynamic Field
Post Pagination and Ajax Setting
Display the pagination for your post grid
- Using Pagination Widget
Enable/Disable filters interaction with Ajax
Post Carousel Widget Styling
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Set the color, border, radius, margin, shadow etc. of the slides.
In this section, style the image height, size, and padding.
You can set the alignment, padding, height, background color of the content.
Image Overlay Styling
In this section, set the image overlay color, opacity, and opacity hover.
Post Category Styling
Style the color, background, typography, spacing, and padding of the post category.
Here, you can style the color, typography, spacing, etc. of the title.
Additional Data Styling
You can style the color, typography, spacing,width, and alignment of the metadata.
Set the typography, padding, margin, radius, background color, and text color of the button.
Style the color, typography, spacing, etc. of the text.
You can style the padding, radius, color, background, spacing, border, typography etc. of the button.
Nav Arrows Styling
This section lets you set the spacing, position, radius, icon size, icon color, etc. for Nav Arrows.
Nav Dots Styling
You can customize size, color, active color, spacing and alignment of the nav dots.
Empty Message Styling
Style the typography, color, background, radius, padding, margin etc. of the empty message item.
Here are some live use cases for the Post Carousel Widget.
Post Carousel with Remote Arrows.