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
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
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
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
Top
Customize the top margin of the section
Bottom
Customize the bottom margin of the section
Block settings
Text
Content
Customize block content
Link
The link URL you want to add
Icon
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.
Last updated