Image with scrolling text
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.

Section settings
Image
Image
image_picker
Desktop image. Recommended width: 2048px.
Mobile image
image_picker
Optional image shown on mobile devices.
Overlay type
select
Add an opacity or text underlay: Disabled
and Opacity overlay
.
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
.
Scrolling text color
color
Choose a color for the scrolling text.
Scrolling text
Uppercase text
checkbox
Converts text to uppercase.
Font
font_picker
Font family selection.
Size
range
Font size (50–300%).
Mobile size
Letter spacing
range
Adjust the spacing between letters.
Position
select
Alignment of scrolling text: Top
, Center
and Bottom
.
Text direction
select
Left to right
or Right to left
scrolling.
Color
Color scheme
color_scheme
Applies a predefined theme color scheme to the section.
Section spacing
Padding top
range
Space above section.
Padding bottom
range
Space below section.
Last updated