Animation Addons

Animation Addons

General Widgets

Breaking News Slider

Estimated reading: 3 minutes 17 views

The Breaking News Slider Widget in Animation Addons for Elementor is a paid feature. To access this widget, ensure the plugin is installed and activated on your site. You can explore both free and pro widgets by filtering the selection options.

Breaking News Slider 1

Introduction

The Breaking News Slider Widget showcases news or updates in a dynamic sliding format.

Key Use Cases for the Filterable Posts Widget:

  • Display important news or updates in a dynamic sliding format.
  • Customize the design to align with your site’s branding for a cohesive look.

Prerequisite

  • Elementor
  • Animation Addons for Elementor

How to Activate the Breaking News Slider Widget:

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

How to Add Breaking News Slider Widget in Elementor:

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

How to ConfigureBreaking News Slider Widget

  • Make sure the Breaking News 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 “Breaking News Slider Widget” and drag it onto the page.
  • Adjust the slider layout, animation effects, post sources, and style as needed.
Breaking News Slider 3

Configuring Breaking News Slider Widget : A Step-by-Step Guide

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

Breaking News Slider 3

Content Settings

In the content section, you will find two options: one is “Query” and the other is “Settings” . 

Query: This option allows you to define which posts will be displayed in the Breaking News Slider. You can filter posts based on categories, tags, or post types, giving you control over the content shown in the slider.

Breaking News Slider 3

Settings: This option provides configuration settings for the slider, such as controlling the number of posts to display, enabling or disabling autoplay, and adjusting the slide transition speed. It helps you fine-tune the slider’s behavior and presentation.

Style Settings

In the style section, you will find three options: “Layout,” “Title Style” and “Icon Style.”

Layout: This option allows you to customize the overall appearance of the slider, including the number of columns, spacing, and alignment of the posts. You can adjust how the posts are arranged within the slider for a clean and organized look.

Breaking News Slider 5

Title Style: This option lets you style the titles of the posts within the slider. You can adjust the typography, color, size, weight, and spacing to make the titles stand out and match your design aesthetic.

Icon Style: If your Breaking News Slider includes icons (such as for categories or post types), this option allows you to customize the icon’s size, color, and spacing. You can modify the icon’s appearance to ensure it aligns with your site’s overall design.

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.

Breaking News Slider 5

Final Outcome

That’s it! You’ve successfully learned how to configure the Breaking News Slider Widget in Elementor to display dynamic and eye-catching news updates.

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

Share this Doc

Breaking News Slider

Or copy link

CONTENTS