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
General Settings #
Layout
Choose the desired layout from given options.
- Under
- Overlay
- 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.
Autoplay
Turn on/off the autoplay option.
Loop
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.
Center
Set the slide item to center.
Stage Padding(px)
Set the stage padding to create an offset layout.
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.
Show Empty Message
It will show an empty message when no post answers the query.
Empty Message
Type the empty message.
Layout Settings #
Show or hide elements in Post List.
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
It will make the image a link.
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
- By Taxonomy
Show Title
Show/Hide the title of the post.
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.
Additional Data Settings #
Show or Hide the additional data on the post list.
Show Date
Show/Hide the date of the post.
Show Time
Show/Hide the time of the post.
Show Author
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 #
Left Arrow
Choose a custom icon for Left Arrow from the icon library.
Right Arrow
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.
Sync
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Show Debug
Post Query Setting #
Select the exact posts you want to show on your Post List
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
To know more about post query setting, please visit our article on Advanced Post Selection
Post Pagination and Ajax Setting #
Pagination
Display the pagination for your post grid
- None
- Numbers
- Using Pagination Widget
Enable Ajax
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.
Slide Styling #
Set the color, border, radius, margin, shadow etc. of the slides.
Image Styling #
In this section, style the image height, size, and padding.
Content Styling #
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.
Title Styling #
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.
Button Styling #
Set the typography, padding, margin, radius, background color, and text color of the button.
Text Styling #
Style the color, typography, spacing, etc. of the text.
Button Styling #
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.
Usage Examples #
Here are some live use cases for the Post Carousel Widget.
Post Carousel with Remote Arrows.