Metric banner

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

Metric settings

Setting

Description

Enable metric animation

Enable the counting animation while loading the metric.

Metric font size

Adjust the font size for the metric

Mobile settings

Setting

Description

Enable carousel on mobile

Enable the carousel/grid layout on mobile

Items per row

Define the number of item per line on mobile

Section padding

Setting

Description

Top

Customize the top margin of the section

Bottom

Customize the bottom margin of the section

Section divider

Setting

Description

Show divider

Display a dividing line to separate from the previous section.

Block settings

Setting

Description

Metric end value

Define the value you want to show

Metric unit

Define the metric unit

Description

The description of the block

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.