Want to showcase your latest blog posts in an eye-catching, scrollable carousel? The Posts Carousel widget in aThemes Addons for Elementor lets you display posts dynamically with full control over layout, query filters, and styling options.
In this guide, we’ll walk you through how to activate and configure the Posts Carousel widget in aThemes Addons.
Table of Contents
Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor.
Activating the Widget
Go to your WordPress admin dashboard and navigate to the aThemes Addons dashboard. Search for “Posts Carousel” and toggle the widget on to activate it. Once activated, the Posts Carousel widget becomes available in the Elementor editor.
Exploring Widget Options
After adding the Posts Carousel widget to your page, you’ll find several sections in the Content tab to configure its behavior and appearance.
Configuring the Layout Section
The Layout section controls how many columns display across different devices. Set the number of columns for desktop, tablet, and mobile to ensure your carousel looks great on all screen sizes.
Configuring the Query Section
The Query section determines which posts appear in the carousel. Configure the following options:
- Post Type – Select from posts, pages, or any custom post type.
- Taxonomy Filters – Filter posts by categories, tags, or other taxonomies.
- Number of Posts – Set how many posts to include in the carousel.
- Order By – Sort posts by date, title, or random order.
- Order – Choose ascending (ASC) or descending (DESC) order.
- Ignore Sticky Posts – Toggle to exclude sticky posts from the results.
- Offset – Skip a specified number of posts from the beginning of the query.
Configuring the Elements Section
The Elements section controls which post details appear on each carousel card:
- Show Title – Toggle the post title on or off and select the HTML tag (H1, H2, etc.).
- Show Featured Image – Display the post’s featured image and set the image size.
- Show Categories – Display post categories as links or labels.
- Show Date – Toggle the post date display.
- Show Author – Toggle the post author display.
- Show Excerpt – Display a text excerpt and set the excerpt length.
- Read More Text – Customize the text for the read more link.
Configuring the Settings Section
The Settings section manages the carousel’s behavior and navigation controls:
- Arrows – Toggle navigation arrows on or off.
- Dots – Toggle dot navigation on or off.
- Transition Speed – Set the slide transition speed in milliseconds.
- Autoplay – Enable automatic sliding and set the autoplay speed in milliseconds.
- Infinite Loop – Enable continuous looping of the carousel.
- Pause on Hover – Pause autoplay when the user hovers over the carousel.
Customizing the Style Tab
Switch to the Style tab to customize the visual appearance of the carousel. Adjust padding, border radius, backgrounds, colors, and typography for each element.
Styling the Card
Adjust the overall card appearance with Padding, Border Radius, Background Color, Border, and Box Shadow settings.
Styling the Image
Control the featured image display with Border Radius and Height options.
Styling the Title
Customize the post title with Color, Hover Color, and Typography controls.
Styling the Meta
Style the post meta information (date, author) with Color, Typography, and Spacing settings.
Styling the Excerpt
Adjust the excerpt text with Color and Typography options.
Styling the Arrows
Customize the navigation arrows with Color, Background, Size, Border, and Border Radius settings.
Styling the Dots
Adjust the dot navigation with Color (normal and active states), Size, and Spacing options.
That’s it! You’ve successfully set up and customized the Posts Carousel widget in aThemes Addons for Elementor.
Next, would you like to display posts in a list or grid layout? Check out our guide on using the Posts List widget to learn more.
