Skip to content

POWER Sub Stats Counter Module

How to configure the Sub Stats Counter module for POWER Pro theme in HubSpot

icon-module-sub-stats-counter

SUB STATS COUNTER

Add individual stats to build a custom section.

Stats count from 0 up to your selected number, creating a simple animated effect.

sub-stat-module

Page Speed Impact

LOW

Very minimal impact to page load speed, the code for this module has been optimized to limit resources needed on page load.

MEDIUM

An image or video background added to the Section or Column may impact page performance.

TIPS

Convert images to WebP where possible to meet criteria to serve images in next-gen format.

To reduce image file sizes without losing quality, use TinyPNG to compress your images (JPG, PNG, WebP).

FAQ

What is the suffix used for in the Stats Counter?

The suffix allows you to quantify the number by adding text next to the counter.

Module Options

Helpful Links: Settings that apply to all Sub Modules and Settings for Theme Styles.

Stat

This is where you will add the info that appears in the stats counter.

sub-stat-module-number-suffix-title

Stat → Number

The number to be counted to from 0, can include a decimal or comma.

Stat → Suffix

Option to include a suffix to quantify your number e.g. 12.34M or 12.34k, 12.34%, etc.

How do I add a space between the number and suffix of the stats counter?

Stat → Title

The Title is the name of the information you are quantifying, for example, Subscribers, which displays below the stat counter.

Layout → Centered

Checked by default with the option to uncheck to remove centering of the Stats content.

Style → Color Scheme

Choice of Light or Dark.

Tip: If you change the background color for the module, the definition of Light Color scheme is a light background with dark text and Dark Color scheme is a dark background with light text. Based on your background color, you would need to toggle the color scheme to ensure the text color displays properly and is legible.

Style →  Text Color

Leave blank to use the default color based on the Color Scheme selected.

Optionally add a hex value or use the color picker to choose a color for the Text.

sub-stats-module-style-text-color-setting

Animation

Checkbox to turn on/off Animate on Scroll. Turning off here will only apply to this section, to turn animation off globally refer to Theme Options for Animations.

Anchor Link ID

Set an anchor link for the module. Can be used to create a link directly to that section on the page and/or to include in an on-page menu (like Sticky Sub-Menu) to allow users to jump to that section without scrolling.

Easily add an anchor link to this section, for full instructions refer to Setting up Anchor Links.

Custom Class

Ability to add a Custom Class to use in the child.css for individual customizations.

See full instructions for setting a Custom Class for Section Modules.

DESIGN SOMETHING COOL WITH THIS POWER MODULE?

Share it with us!

NEVER MISS A POWER UPDATE

We are continuously improving our modules and updating our documentation. Stay in the loop.