fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

February Updates
Currency Converter Cover
Layers Widget

Post Slider

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.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Post Slider
  3. Hover over the widget in the search results and click install
  4. Add your “Post Slider” widget to any Elementor Page

General Settings

1

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
2

Autoplay

Turn on or off the autoplay option.

3

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
4

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
5

Autoplay Hover Pause

Autoplay will pause on hover.

6

Autoplay Timeout

Set the autoplay timeout.

7

Transition Speed

Set the transition speed for slider.

8

Button Text

Type the text for button.

9

Intro Number of Characters

Set the number of characters to display as intro.

10

RTL

Set the slider direction to right to left.

Layout Settings

Show or hide elements in post slider.

1

Show Title

Show/Hide the title of posts.

2

Show Date

Show/Hide the date of posts.

3

Show Intro Text

Show/Hide the intro text of posts on slider.

4

Show Button

Show/Hide the button element.

5

Show Arrows

Show/Hide Arrows for slider navigation.

6

Show Dots

Show/Hide bullets to navigate slider.

7

Show Category

Show the category of posts on slider.

8

Show Terms List

Show the terms of posts on slider.

Arrows Settings

Set the arrow icons for navigation when turned on.

1

Left Arrow

Choose an icon for Left Arrow

2

Right Arrow

Choose an icon for Right Arrow

Connected Widgets Settings

1

Enable Remote Connection

Use remote control widgets to create advanced creative layouts.

2

Widget Name for Connection

This name will be used to connect and controls this widget by other widgets.

3

Sync

You can connect two item-based widgets and sync them.

4

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

1

Posts Source

Choose any of the below options for your post source.

  • Current Query Post
  • Custom Posts
  • Related Posts
  • Manual Selection
2

Post Types

Choose the type of post you want to display.

3

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
4

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
5

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

1

Pagination

Display the pagination for your post grid

  • None
  • Numbers
  • Using Pagination Widget
2

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.

Video Overview

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!