Marquee Widget
Use the widget to highlight important information with a marquee-style text effect.
Content
Marquee
Add a needed amount of elements using +ADD ITEM button or copying items that are already added.
Type: Choose between Text, Icon and Image and set desired colors.
Link: Add the link to the marquee block.
HTML Tag: Choose the needed tag from the dropdown.
Motion
Direction: Choose between Left and Right directions.
Speed: Set a desired animation speed.
Hover Behavior: Select ‘Pause’ to stop scrolling on hover, ‘Modifier’ to adjust speed, or turn off hover effects entirely.
Animation Trigger: Trigger the animation either immediately on page load or as it enters the user’s view.
Style
Marquee
Horizontal Offset: Set the Horizontal Offset here.
Space Between: Set a space between groups of items.
Item Gap: Set a gap between items.
Blend Mode: Choose the needed setting from the dropdown.
Text
Typography: Set typography using settings from the dropdown.
Text Background: Set a desired Text Background here.
Text Shadow: Choose desired settings from the dropdown.
Stroke Width: Set the needed stroke width and choose its color.
Icon
Shape: Choose between Default, Circle and Square shapes.
Size: Set the needed icon size.
Color: Set the icon color.
Vertical Alignment: Choose between Top, Center and Bottom vertical alignment.
Rotate: Applies rotation to the icon, allowing you to adjust its angle as needed.
Image
Image Resolution: Choose the needed resolution form the dropdown.
Width: Set the needed image width.
Background Color: Set the image background color.
Border Type: Choose desired border type from the dropdown.
Border Radius: Set the border radius.
Box Shadow: Choose desired settings from the dropdown.
CSS Filters: Use filters to set Blur, Brightness, Contrast, Saturation and Hue.
Padding: Set the paddings for widescreen, desktop, tablet and mobile.
Advanced
Set the Advanced options that are applicable to this widget