fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Post Carousel

The Post Carousel Widget can be used to feature your posts next to each other in an interactive carousel. You can customize your post carousel widget to your Elementor website’s specific needs using its vast range of customization options. You can turn on or off any part of the post carousel to make it look exactly the way you want and suit your website needs. It also supports advanced options such as Remote Connection and syncing with other widgets.

 

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

Install Post Carousel 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 Carousel”
  3. Hover over the widget in the search results and click install
  4. Add your “Post Carousel” widget to any Elementor Page

General Settings

1
Layout

Choose the desired layout from given options.

  • Under
  • Overlay
  • Overlay Bottom
  • Under Overlap
  • Partial Overlay
  • Reveal From Bottom
  • Side by Side
2
Number of items

Select the number of items you want to display in a row.

3
Autoplay

Turn on/off the autoplay option.

4
Loop

On/Off the loop option for slides.

5
Autoplay Hover Pause

Choosing yes will cause autoplay to pause on hover.

6
Margin Between Items

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
Read More Text

Type custom text for the read more button.

10
Intro Number of Characters

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

11
Center

Set the slide item to center.

12
Stage Padding(px)

Set the stage padding to create an offset layout.

13
RTL

Turning on will display the posts from right to left.

14
Set Active Mode on Mobile

Choosing yes will enable active mode on mobile.

15
Change on Click

Items will change to clicked on clicking on it.

16
Show Empty Message

It will show an empty message when no post answers the query.

17
Empty Message

Type the empty message.

Layout Settings

Show or hide elements in Post List.

1
Show Arrow

Show/Hide nav arrow icon on the slide.

2
Show Dots

Show/Hide dots for the navigation.

3
Show Image

Show/Hide image in the post.

4
Image Link

It will make the image a link.

5
Show Content

Show/Hide content of the post.

6
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
7
Show Title

Show/Hide the title of the post.

8
Title HTML Tag

Select HTML tag for the title.

  • div
  • h2
  • h3
  • h4
  • h5
9
Show Intro

Show/Hide the intro for the post.

10
Show Button

Show/Hide the button.

Additional Data Settings

Show or Hide the additional data on the post list.

1
Show Date

Show/Hide the date of the post.

2
Show Time

Show/Hide the time of the post.

3
Show Author

Show/Hide the author of the post.

4
Show Custom Meta

Display custom metadata, ACF (advanced custom fields) in the post list.

  • Show custom meta
  • Select meta filed name
  • Add custom text before metadata
  • Choose custom meta icon

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.

Connected Widgets Settings

1
Enable Remote Connection
This enables the remote connection functionality for this widget.
2
Visit Name for Connection

Provide a name for the connection that other widgets will use to connect and control this widget.

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.

5
Show Debug
Display information about remote widgets connected to this widget.

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

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

Post Pagination and Ajax Setting

1
Pagination

Display the pagination for your post grid

  • None
  • Numbers
  • Using Pagination Widget
2
Enable Ajax

Enable/Disable filters interaction with Ajax

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

Slide Styling

Set the color, border, radius, margin, shadow etc. of the slides.

Image Styling

In this section, style the image height, size, and padding.

Content Styling

You can set the alignment, padding, height, background color of the content.

Image Overlay Styling

In this section, set the image overlay color, opacity, and opacity hover.

Post Category Styling

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

Title Styling

Here, you can style the color, typography, spacing, etc. of the title.

Additional Data Styling

You can style the color, typography, spacing,width, and alignment of the metadata.

Button Styling

Set the typography, padding, margin, radius, background color, and text color of the button.

Text Styling

Style the color, typography, spacing, etc. of the text.

Button Styling

You can style the padding, radius, color, background, spacing, border, typography etc. of the button.

Nav Arrows Styling

This section lets you set the spacing, position, radius, icon size, icon color, etc. for Nav Arrows.

Nav Dots Styling

You can customize size, color, active color, spacing and alignment of the nav dots.

Empty Message Styling

Style the typography, color, background, radius, padding, margin etc. of the empty message item.

Usage Examples

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

Post Carousel with Remote Arrows.

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!