“Post Slider Widget” allows you to display WordPress posts and pages as unique slider with beautiful layouts. An interactive post slider can be created quickly and easily using this widget with the help of its wide range of customization and styling options. The widget also supports advanced options such as Remote Connection and Syncing with other widgets.
Let’s look at each of the options in the “Post Slider Widget” below.
Install Post Slider 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 Slider“
- Hover over the widget in the search results and click install
- Add your “Post Slider” widget to any Elementor Page
General Settings
Select the image size for post slider.
- Medium Large
- Large
- Medium
- Thumbnail
- Full Size
Woocommerce Thumbnail - Woocommerce Single
- Woocommerce Gallery Thumbnail
- Shop Catalog
- Shop Single
- Shop Thumbnail
Turn on or off the autoplay option.
You can select a slide-in animation from the drop-down list.
- FadeInLeft
- FadeInUp
- SlideInLeft
- SlideInDown
- BounceIn
- BounceInRight
- RotateIn
- RotateInUpLeft
- RotateInUpRight
- ZoomInDown
- ZoomInLeft
- ZoomInUp
You can select a slide-out animation from the drop-down list.
- FadeInLeft
- FadeInUp
- SlideInLeft
- SlideInDown
- BounceIn
- BounceInRight
- RotateIn
- RotateInUpLeft
- RotateInUpRight
- ZoomInDown
- ZoomInLeft
- ZoomInUp
Autoplay will pause on hover.
Set the autoplay timeout.
Set the transition speed for slider.
Type the text for button.
Set the number of characters to display as intro.
Set the slider direction to right to left.
Layout Settings
Show or hide elements in post slider.
Show/Hide the title of posts.
Show/Hide the date of posts.
Show/Hide the intro text of posts on slider.
Show/Hide the button element.
Show/Hide Arrows for slider navigation.
Show/Hide bullets to navigate slider.
Show the category of posts on slider.
Show the terms of posts on slider.
Arrows Settings
Set the arrow icons for navigation when turned on.
Choose an icon for Left Arrow
Choose an icon for Right Arrow
Connected Widgets Settings
Use remote control widgets to create advanced creative layouts.
This name will be used to connect and controls this widget by other widgets.
You can connect two item-based widgets and sync them.
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
- Author
- Date
- Post Parent
- Post Meta
- Most Viewed
- ID's from PHP function
- ID's from Post Meta
- ID's from Dynamic Field
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.
- Terms
- Current Posts
- Author
- Post Without Featured Image
- Posts with current category
- Posts with current tags
- Offset
- Avoid Duplicates
- ID's from Dynamic Field
Post Pagination and Filtering
Display the pagination for your post grid
- None
- Numbers
- Using Pagination Widget
Enable/Disable filters interaction with Ajax
Post Slider 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
General Styling
Set the alignment, height, radius, and background of slider.
Content Styling
Style the content background, width, padding, margin, border, vertical and horizontal alignment.
Post Category Styling
You can set the category color, typography, and spacing.
Post Terms Styling
In this section, set the post terms color, typography, spacing, and padding.
Post Title Styling
Style the post title color, color hover, typography, and spacing.
Post Date Styling
Here, you can style the post date color, typography, and spacing.
Post Text Styling
In this section, style the post text color, typography, and spacing.
Button Styling
You can style the button padding, radius, background color, text color, spacing and border.
Arrows Styling
You can style the nav arrows spacing, positioning, radius, background, icon color etc.
Dots Styling
In this section, you can style the nav dots size, color, spacing, and alignment.
Overlay Styling
You can style overlay background.
Usage Examples
Here are some live use cases for the Post Slider Widget.