Image with scrolling text
Last updated
Last updated
The Image with scrolling text section is a mix of our Banner image and Marquee sections. It's designed to display an image with overlaid text that scrolls across the screen.
Image
Image
image_picker
Desktop image. Recommended width: 2048px.
Mobile image
image_picker
Optional image shown on mobile devices.
Text contrast
range
Overlay opacity to enhance text readability.
Space between messages
range
Space between scrolling messages.
Autoplay speed
range
Speed of scrolling text.
Layout
Height
select
Choose the image section height.
Enable mobile height
checkbox
Toggles separate height for mobile.
Mobile height
select
Height for mobile view.
Animations
Loading style
select
Entrance animation: Slide
, Fade
, Zoom out
, or Wipe
.
Enable zoom animation on scroll
checkbox
Zooms image on scroll.
Enable card scrolling effect
checkbox
Creates an overlapping card effect with the next section.
Increase border radius
checkbox
Around the top corners of the next section, when the card scrolling is on.
Text
Text alignment
select
Align text vertically: Top
, Center
, or Bottom
.
Color
select
Light
or Dark
text.
Scrolling text
Uppercase text
checkbox
Converts text to uppercase.
Font
font_picker
Font family selection.
Size
range
Font size (50–300%).
Letter spacing
range
Adjust the spacing between letters.
Position
select
Vertical alignment of scrolling text.
Text direction
select
Left to right
or Right to left
scrolling.
Section spacing
Padding top
range
Space above section.
Padding bottom
range
Space below section.