Posts Slider

Before setting up the Post Slider Widget, ensure that the Animation Addons for Elementor plugin is installed and activated on your site. This is a premium widget, available in the pro version. Once activated, you can explore both free and pro widgets using the filtering options.

Introduction

The Post Slider Widget displays posts in a stylish, interactive slider with smooth transitions.

Key Use Cases for the Archive Title Widget in Elementor:

• Display posts in a Post Slider Widget format for easy navigation. 
• Customize the layout and design to match your site’s style.

Prerequisite

• Elementor
• Animation Addons for Elementor

How to Activate the Post Slider Widget:

• Go to Animation Addons → Elements in your WordPress dashboard.
• Find the Post Slider widget in the list.
• Toggle it on to enable the widget.
• Now, the Post Slider widget is ready to use!

How to Add Post Slider Widget in Elementor:

• Open the page where you want to add the Post Slider Widget.
• Launch the Elementor editor.
• In the Elementor panel, search for “Post Slider Widget.”
• Drag the widget to your desired section.
• The Post Slider widget is now ready for customization.

How to Configure Post Slider Widget

• Make sure the Post Slider Widget is activated in your Elementor settings.
• Open a new page in WordPress.
• Add a page title and choose the Elementor Full Width template.
• Click Publish to save your changes.
• In the Elementor panel, search for “Post Slider Widget” and drag it onto the page.
• Adjust post settings, slider layout, transitions, and style as needed.

Configuring Post Slider Widget : A Step-by-Step Guide

Once the Post Slider Widget is added to your page, you can configure its settings under different tabs: Content, Style, and Advanced.

Content Settings

In the Content section of the Post Slider Widget, you’ll find the following options: Query, Layout, Post Settings, Title, Excerpt, Taxonomy, Meta, Read More, Slider Settings and Settings.

• Query: Select the post source and set filters by category, tag, or author.
• Layout: Pick the slider layout and arrange the design structure.
• Post Settings: Adjust how the post displays, like setting the image position and alignment.
• Title: Choose whether to show the post title and customize its style.

• Excerpt: Display a short preview of the post and control how much text appears.
• Taxonomy: Show categories or tags attached to the posts and style them as needed.
• Meta: Display extra information like the author’s name and publish date.
• Read More: Add a “Read More” link and style it to guide users to the full post.
• Slider Settings: Set how the slider behaves — like autoplay, slide speed, and navigation options.
• Settings: Fine-tune extra options such as image size and content alignment for better control.

Additional customization options are available under each setting. Explore these settings to tailor the widget to your needs and enhance the final output.

Style Settings

Customizing the Style of Your Post Slider Widget with the Following Customization Options:

• General Style: Adjust the overall look of the slider, including spacing, padding, and general design elements.
• Gallery Video: Customize the appearance of any video content displayed in the slider.
• Content: Style the main post content area, including background, padding, and borders.
• Thumbnail: Modify the appearance of post thumbnails like size, border radius, and hover effects.
• Title: Customize the post title’s typography, color, and spacing to match your design.

• Excerpt: Style the post excerpt text, controlling font settings, colors, and margins.
  Taxonomy: Design how categories or tags appear, with options for typography, color, and spacing.
• Meta: Style metadata like author name, publish date, and comment count.
• Meta Admin: Adjust styling specifically for admin metadata fields, if needed.
• Read More: Customize the “Read More” button or link, including its colors, typography, and hover effects.
• Slider Navigation: Style navigation elements like arrows for moving between slides.
• Slider Pagination: Customize pagination indicators (dots, numbers) to improve navigation and user experience.

Advanced Settings

In the advanced settings, you’ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.

Final Outcome

That’s it! You’ve successfully learned how to configure the Post Slider Widget in Elementor to display dynamic posts in a stylish and engaging slider format.

For any further assistance or inquiries, feel free to contact our support.