What is the Text Marquee widget?
The Text Marquee widget is an engaging and versatile tool that creates continuously scrolling text displays on your website. It allows you to transform static text into a dynamic, attention-grabbing banner, perfect for highlighting key information without taking up significant screen space. This widget is an essential component for any Elementor user looking to add animated typography and motion to their website in a visually compelling way.
Common use case for the Text Marquee widget
A common use case for the Text Marquee widget is to create a dynamic headline banner or a ticker for displaying recent news, promotions, or short announcements. By placing this widget in a prominent area, such as a hero section or the header of a page, you can ensure that visitors are immediately presented with your most important text-based information in a visually engaging and continuously moving format.
Additional use cases
- Highlighting testimonials or quotes: Display short customer quotes or positive feedback in a continuously scrolling loop.
- Announcing special offers: Use the marquee to draw attention to limited-time sales, discounts, or new product launches.
- Showcasing brand partners: Present a list of client or partner names in a sleek, continuously scrolling banner.
Requirements
- You need the Marquee Addons Pro plugin installed and activated on your website.
- You can find detailed installation instructions in our dedicated installation guide.
- Make sure that this addon is enabled so you can find it in the Elementor editor.
- Marquee Addons works only with the Elementor Page Builder plugin, so you will need to have it installed and activated as well.
Add the widget
To add the powerful Text Marquee widget to your Elementor-powered website, follow these simple steps:
- Navigate to the Elementor editor.
- Search for the Text Marquee widget.
- Drag the widget to your desired location on the page.
Video
See a video demonstrating the widget in action.
Settings for the Text Marquee widget
The Text Marquee widget offers extensive customization options categorized into three main tabs: Content, Style, and Advanced.
Content tab
The Content tab is where you define the text items for your marquee and configure its core scrolling behavior.
Texts
- Text List: Use this repeater field to add and manage the individual text items you want to display in the marquee. Click “Add Item” to include more text entries.
Marquee Options
- Marquee: A toggle to enable or disable the continuous scrolling animation.
- Show Vertical: Enable this for vertical scrolling instead of horizontal.
- Reverse: Change the direction of the animation.
- Pause On Hover: When a user’s mouse hovers over the widget, the animation will stop.
- Drag to Scroll: Toggle this option to allow users to manually drag and scroll through the animation using their mouse or touch.
- Speed: Control the speed of the scrolling animation.
- Show Edge Shadow: Add a subtle shadow effect on the edges of the marquee.
- Marquee on Scroll: Enable a scrolling effect for the marquee.
Style tab
The Style tab allows you to visually customize every aspect of your Text Marquee, ensuring it perfectly matches your website’s design.
Texts
Customize the appearance of the scrolling text items.
- Typography: Controls the font, size, weight, and other text properties.
- Color: Sets the text color of the marquee items.
- Text Stroke: Adds an outline or stroke to the text.
Icon
Styles the icon used in the marquee (if any).
- Color: Sets the color of the icon.
- Size: Controls the size of the icon.
- Spacing: Adjusts the space around the icon.
Advanced tab
The Advanced tab provides a comprehensive set of controls that are common to most Elementor widgets, allowing for refined design and responsiveness. Here you can adjust the widget’s Layout (e.g., positioning, Z-index), apply engaging Motion Effects (like scrolling effects or entrance animations), customize its Background, add Borders and Box Shadows, apply Masks for unique shapes, control Responsive visibility across devices, add custom HTML Attributes, and inject Custom CSS for bespoke styling. This widget also includes a specific Marquee Custom CSS section, allowing for even more granular control over its unique animation properties.
Frequently Asked Questions (FAQ)
Can I change the direction of the scrolling text?
Yes. In the Content tab, under the Marquee Options section, you can use the Reverse toggle to change the direction of the scrolling animation.
How do I control the speed of the marquee?
The scrolling speed can be adjusted in the Content tab. Within the Marquee Options, you will find a Speed control that allows you to set how fast or slow the text moves across the screen.
Can I add a custom icon to my text items?
While the provided screenshots do not show an icon picker in the content area, the Style tab includes an Icon section with controls for Color, Size, and Spacing. This indicates that icons can be styled and are a potential feature for separating text items within the marquee.
