“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
Post List Image Size
Select the image size for post slider.
- Medium Large
- Full Size
- 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.
You can select a slide-out animation from the drop-down list.
Autoplay Hover Pause
Autoplay will pause on hover.
Set the autoplay timeout.
Set the transition speed for slider.
Type the text for button.
Intro Number of Characters
Set the number of characters to display as intro.
Set the slider direction to right to left.
Show or hide elements in post slider.
Show/Hide the title of posts.
Show/Hide the date of posts.
Show Intro Text
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 Terms List
Show the terms of posts on slider.
Set the arrow icons for navigation when turned on.
Choose an icon for Left 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.
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
- 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 Filtering
Display the pagination for your post grid
- 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
Set the alignment, height, radius, and background of slider.
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.
You can style the button padding, radius, background color, text color, spacing and border.
You can style the nav arrows spacing, positioning, radius, background, icon color etc.
In this section, you can style the nav dots size, color, spacing, and alignment.
You can style overlay background.
Here are some live use cases for the Post Slider Widget.