Scrolling card

Scrolling text on a website captures attention, highlights promotions, delivers breaking news, optimizes space, engages users, enhances aesthetics, and facilitates rapid information dissemination.

Section settings

General settings

Setting

Description

Section width

3 options for container
Stretch width: span the section width regardless of screen size.
Fixed width: depends on your page content width in Theme settings -> Layout.
Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Section header

Setting

Description

Subheading

The subheading of the section.

Heading

The title of the section.

Enable heading underline animation

Turn on an animated underline effect for headings. Switch off to keep a static look.

Underline style

Choose the underline’s look. Include:
Include: Simple underline – Clean straight line beneath the text.
Curve stroke: Soft, hand-drawn curved stroke for a casual feel.
Squiggle underline: Wavy line for a lively, attention-grabbing look.
* Note: Only appears when Enable heading underline animation is enabled.

Underline color

Pick the color used for the underline.
* Note: Only appears when Enable heading underline animation is enabled.

Description

The description of the section.

Heading size

The size of the title:
Heading 1
Heading 2
Heading 3

Alignment

The position of the heading and description.
Left
Center
Right

Content settings

Setting

Description

Size

Font size text customization
Small
Medium
Large

Uppercase

When you enable uppercase, text also be displayed in all uppercase letters.

Image corner radius

Adjust the roundness of the images.

Section padding settings

Setting

Description

Top

Customize the top margin of the section

Bottom

Customize the bottom margin of the section

Block settings

Text

Settings

Description

Content

Customize block content

Link

The link URL you want to add

Icon

Settings

Description

Link

The link URL you want to add

Open link in new tab

Decide to open the URL in a new tab

Image

Upload desired image

Svg icon

Choose an icon to show along with the content

Width

Customize the size of the image

Mobile - Width

Controls the width of the element when viewed on mobile devices.

Comments

No comments yet

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.