fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

toggle-button-for-elementor
elementor-widget-library
Particles Background - Featured Blog

Post Carousel Lite for Elementor

The Post Carousel Lite Widget is a great way to showcase posts in an interactive carousel layout using Elementor. You can turn on or off different parts of the post carousel to make it suitable exactly for your needs. Its advanced post query options will give you full control to filter your posts exactly the way you want.

 

Let’s look at each of the options in the “Post Carousel Lite Widget” below.

Install Post Carousel Lite Widget for Elementor #

This widget requires Unlimited Elements Free version installed and activated on your WordPress website.

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

General Settings #

1

Post Image Size

Choose the desired post image size from given options.

  • Medium Large
  • Large
  • Medium
  • Thumbnail
  • Full Size
  • 1536x1536
  • 2048x2048
2

Autoplay

Turn on/off the autoplay option.

3

Loop

On/Off the loop option for carousel items.

4

Autoplay Hover Pause

Choosing yes will cause autoplay to pause on hover.

5

Number of items

Select the number of items you want to display at a time.

6

Margin

Give margin between two items.

7

Autoplay Timeout

Set the time between autoplay of two slides.

8

Transition Speed

Set the time for transition animation duration.

9

Button Text

Type custom text for the button.

10

Intro Number of Characters

Choose the number of characters to display as intro in slides.

11

Slide to Scroll

You can slide to scroll the carousel.

12

Stage Padding Type

Set the stage padding to create an offset layout.

  • None
  • Both
  • Left
  • Right
13

RTL

Turn the carousel right to left.

Layout Settings #

Show or hide elements in Post Carousel Lite.

1

Show Arrow

Show/Hide nav arrow icon on the slide.

2

Show Dots

Show/Hide dots for the navigation.

3

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
4

Show Date

Show/Hide the date element.

5

Show Time Ago

Show/Hide time ago element.

6

Text Before Time Ago

Type text to show before time ago element.

7

Time Ago Icon

Choose an icon for time ago.

8

Show Title

Show/Hide the title of the post.

9

Show Intro

Show/Hide the intro for the post.

10

Show Button

Show/Hide the button.

Nav Arrow Settings #

1

Left Arrow

Choose a custom icon for Left Arrow from the icon library.

2

Right Arrow

Choose a custom icon for Right Arrow from the icon library.

Post Query Setting #

Select the exact posts you want to show on your Post Card Carousel.

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

To know more about post query setting, please visit our article on Advanced Post Selection

Post Pagination and Filtering #

1

Pagination

Display the pagination for your post carousel lite.

  • None
  • Numbers
  • Using Pagination Widget
2

Enable Post Filtering

When turned on you can use all the post-filter widgets like tab filters, load more and infinite scroll.

3

Filters Behaviour

  • Ajax
  • Ajax and URL change - Will change the URL each time the filter changes and add the possibility to use browser back navigation.

Learn more about the different Ajax filters that can work with the Post Carousel Lite in the links bellow:

Post Carousel Lite 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.

Style Styling #

Set the image height, image fit, radius, border, margin, and shadow.

Content Styling #

In this section, set the content padding, background, alignment, and minimum height.

Category Styling #

Style the color, typography, and spacing of post category.

Date Styling #

Here, you can style the date color, typography, and spacing.

Title Styling #

You can style the color, typography, and spacing of title element.

Intro Styling #

Set the intro color, typography, and spacing.

Button Styling #

Style the typography, padding, radius, background, text color, spacing, and border of button element.

Nav Dots Styling #

This section lets you set the size, color, spacing, and alignment of nav dots.

Nav Arrows Styling #

You can set the spacing, positioning, radius, background, and icon color of nav arrows.

Usage Examples #

Here are some live use cases for the Post Carousel Lite Widget.

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!