“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 #
Post List Image Size
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
Autoplay
Turn on or off the autoplay option.
Animate In
You can select a slide-in animation from the drop-down list.
- FadeInLeft
- FadeInUp
- SlideInLeft
- SlideInDown
- BounceIn
- BounceInRight
- RotateIn
- RotateInUpLeft
- RotateInUpRight
- ZoomInDown
- ZoomInLeft
- ZoomInUp
Animate Out
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 Hover Pause
Autoplay will pause on hover.
Autoplay Timeout
Set the autoplay timeout.
Transition Speed
Set the transition speed for slider.
Button Text
Type the text for button.
Intro Number of Characters
Set the number of characters to display as intro.
RTL
Set the slider direction to right to left.
Layout Settings #
Show or hide elements in post slider.
Show Title
Show/Hide the title of posts.
Show Date
Show/Hide the date of posts.
Show Intro Text
Show/Hide the intro text of posts on slider.
Show Button
Show/Hide the button element.
Show Arrows
Show/Hide Arrows for slider navigation.
Show Dots
Show/Hide bullets to navigate slider.
Show Category
Show the category of posts on slider.
Show Terms List
Show the terms of posts on slider.
Arrows Settings #
Set the arrow icons for navigation when turned on.
Left Arrow
Choose an icon for Left Arrow
Right Arrow
Choose an icon for Right Arrow
Connected Widgets Settings #
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Widget Name for Connection
This name will be used to connect and controls this widget by other widgets.
Sync
You can connect two item-based widgets and sync them.
Sync Group
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
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
Post Pagination and Filtering #
Pagination
Display the pagination for your post grid
- None
- Numbers
- Using Pagination Widget
Enable Ajax
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.
