Skip to content
Help Center
  • Pricing
  • ProductsExpand
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • SupportExpand
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Account
Get Kadence
Kadence Blocks
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog
Help Center
Kadence Blocks

Kadence Blocks

  • Table (Adv) Block
  • Create a Full Screen Landing Page
  • How to use Popup Modal Filters with Advanced Query Loops
  • Integrating Kadence Forms with Mailchimp
  • Site Identity Block
  • Search (Adv) Block
  • Using Advanced Header / Navigation Blocks vs Kadence Theme Header Builder
  • The Kadence Visual Builder & Off Canvas Settings
  • The Kadence Navigation (Adv) Block
  • The Kadence Navigation Link Block
  • The Kadence Header (Adv) Block
  • Google Maps Block
  • Integrating Kadence Forms with Mailerlite
  • Repeater Block
  • Accordion Block
  • Progress Bar Block
  • Form (Adv) Block
  • Gallery (Adv) Block
  • Section Block
  • Product Carousel Block
  • Image (Adv) Block
  • Buttons (Adv) Block
  • Count Up Block
  • Table of Contents Block
  • Lottie Animation Block
  • Show More Block
  • Posts Block
  • Countdown Block
  • Tabs Block
  • Row Layout Block
  • Form Block
  • Info Box Block
  • Spacer/Divider Block
  • Icon Block
  • Icon List Block
  • Text (Adv) Block
  • Testimonial Block

Getting Started

  • Kadence AI-Powered Design Library
  • Installing Kadence Blocks
  • Setting custom widths in multi-column Row Layout Blocks
  • How to define a color Palette with Kadence Blocks
  • How to delete/remove a Block
  • How to Duplicate and Copy/Paste Block Styles
  • Setting Block Defaults
  • Kadence Blocks Pexels Integration

Block Tutorials

  • Responsive Breakpoints in Kadence
  • How to use Popup Modal Filters with Advanced Query Loops
  • Using GIFS and Lottie Animations with Kadence Blocks
  • Search (Adv) Block
  • Displaying Shortcodes in the WordPress Editor
  • Integrating Kadence Forms with Mailchimp
  • Advanced Navigation Sub Menus and Mega Menus
  • Building Headers and Footers in Full Site Editing with Kadence Blocks
  • Creating Sticky and Transparent Advanced Headers
  • Getting started with Advanced Header/Navigations
  • Integrating Kadence Forms with Mailerlite
  • Split Content Quick Start Guide
  • How to control the Kadence Design Library
  • Adding Video Backgrounds to Row Layout
  • Pexels Picker
  • Adding Old Wireframes, Starter Packs, and Sections to the New Design Library
  • How to customize the design library color palette
  • Adding a Fullwidth Row
  • Adding Privacy Policy link to Kadence Form
  • Set Equal Column Heights with the Row Layout Block
  • Image Overlay Quick Start Guide
  • Modal Block Quick Start Guide

Pro Addon

  • Custom Queries for Advanced Query Loop Block
  • Kadence Blocks Pro Plugin
  • Advanced Slider
  • Video Popup Block
  • Image Overlay Block
  • Split Content Block
  • Modal Block
  • Dynamic Content
  • Query Loop (Adv) Block
  • Repeater Block
  • Using a Dynamic List Block
  • Dynamic Content: Custom Input and Showing Fields from all Post Types
  • How to Design a Post Grid/Carousel using a Kadence Element
  • Dynamic HTML Block
  • Using Custom SVG Icons with Kadence Blocks
  • Post/Grid Carousel Block
  • Kadence Custom Fonts
  • Post Grid/Carousel Block – Configure a Blog List

Troubleshooting Blocks

  • How to Recover a Broken Block

Advanced

  • Prebuilt Layouts
  • Using Tooltips with Kadence Blocks
  • Custom Queries for Advanced Query Loop Block
  • Adding a Custom Font to Kadence Blocks

Advanced Headers

  • Importing & Exporting Advanced Headers & Navigations
  • The Kadence Header (Adv) Block
  • The Kadence Navigation (Adv) Block
  • The Kadence Navigation Link Block
  • Getting started with Advanced Header/Navigations
  • Getting the most out of Navigation Link Blocks
  • Using Advanced Header / Navigation Blocks vs Kadence Theme Header Builder
  • Creating Sticky and Transparent Advanced Headers
  • Advanced Navigation Sub Menus and Mega Menus
  • Advanced Header Best Practices
  • The Kadence Navigation Builder
  • The Kadence Visual Builder & Off Canvas Settings
  • Building Headers and Footers in Full Site Editing with Kadence Blocks
  • Home
  • Knowledge Base
  • Kadence Blocks
  • Kadence Blocks

Count Up Block

The Count Up Block allows you to include an animated number counter to pages and posts. This has the potential to add interest to what would otherwise be boring numbers on a screen.

71

nothing exciting over here

Wah wah.
Just numbers.

Check me out!

Whoohoo!
Cool, exciting numbers with a real zest for life!

Have some statistics that need some oomph? Or maybe these so-called statistics are a load of hogwash and you need a fun animation to act as the smokescreen for your complete lack of legitimate research. No judgement here, all I’m saying is, the Count Up Block has your back.

Hogwash aside, let’s get into this and make numbers great again.

First things first you’ll want to select the Count Up block from the add block menu.

You also have the option to manually search for the block if you know the name.

Once you have selected the Count Up block, you will find the controls and settings in the block settings panel to the right of the screen.

Count Up Settings

Count Up settings

Here you will find the controls for what number you want highlight and how you would like it to display.

The starting number refers to what number you prefer the count to start from and the ending number is the number you want displayed at the end of the count up.

You may also want to add a number prefix, which will show immediately to the left of the number, or a suffix, which will appear immediately to the right.

Animation duration refers to the speed at which the count up will happen. The greater the number, the slower the animation. I tend to go with the default setting for the animation speed.

If you find yourself dealing with large numbers, say in the thousands, feel free to avoid confusion by using a thousand separator.

Title settings

Here you have the option to show or hide the title. I personally like a title. Without it, it’s just not as clear about what the numbers are boasting about.

Then we get into your basic text and font settings. You know the drill.

Pro Tip:

Save time by setting typography settings in the customizer. That way you don’t have to go through all this rig-a-ma-role every time you want to put a couple of words on a page.

Title Settings
Number Settings

Number settings


This feels like déjà vu. More text and font settings. Listen, we just want to put control back in the people’s hands. And what strong , capable hands they are.
Too much? Yeah I thought so.

Pro Tip:

Remember the power of the customizer!

And just like that you have made numbers great again! I like my numbers how I like Newton’s first law – always in motion.

Buttons (Adv) BlockTable of Contents Block
  • Pricing
  • Products
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • Support
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Login
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog