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

Settings
Type
Description

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.

Last updated