The Marquee widget is used to create a scrolling Text or Image transition to scroll horizontally in the left/right direction across the web page.
This article will explore Marquee widget customizations.
Inserting the Marquee Widget
On the Elementor editor page, Just Search by the widget’s name and it will appear. Then just drag it and drop it on the page.
The default view of the Marquee Widget
This is the default view of the marquee. It contains only Text elements scrolling from right to left in the horizontal direction.
Content Tab Explore
The Content Tab provides all the basic controls of any widget. You can change the default layout of this widget. Let’s see what is inside the Marquee widget content.
Marquee Style Set for Texts Items
Go to Content > Marquee
Here in the Marquee section, you can select the Marquee Type. First, let’s go with the Text type.
You can set the transition Speed and Direction of the scroll.
List Marquee section
Go to Style > List Marquee
In this section, you will find all the items or marquee lists. Each item comes in a box shape with a Duplicate and Close button on it.
If you need more items, just click on the “ + ADD ITEM” button.
Each item box lets you enter the text Content for that marquee item and customize the text Color.
Work with Images on the Marquee items
Go to Content > Marquee
If you select Image as the type, there will be an Image Size option popping up above the speed and direction options.
Go to Content > Marquee Images
Then for the Marquee items, each item box will let you insert one image. The number of images on the display will depend on the number of items you create.
Customization with Style Tab
The style tab contains the option to change the basic appearances of any widget. So, you may take full advantage of the options to change the colors of the output.
Go to Style > Title
If you have not changed the title text color from the items section, you can do that here with a single text Color and Background Type option that works on all titles at once (except for ones that have color through item settings).
You can customize the Padding, Margin, Border settings, and Typography for the title.
Only by selecting Text as the Marquee Type, you will have the title section.
Go to Style > Images
Here, you can change the style of the item’s images. You can customize the Image Size, Padding, Margin, Background Type, Border Type, and Border Radius for the image.
Only by selecting Image as the Marquee Type, you will have the Images section.
The Marquee Widget tutorial video coming soon. Please check out the demo page for examples.
Thanks for being with us.