PowerPack Documentation

Counter Widget Overview

Table of Contents

The counter widget is used to show a number with emphasis on how sizeable it is. This widget is most efficiently used to display sales records, customers, subscriptions, visitors, $$ amounts and any numeric figure that needed to be exhibited.

Content Tab

The content tab allows the user to change the icon, counter value, value prefix, and suffix. A proper title to the counter can be given via this section. If the user wants, they can enable the divider and can change the counter speed as well.

Style Tab

Regarding the styling, you can change the alignment, color, border, padding, margins of the counter. You can change the icon’s style layout as well.


Advanced Tab

This Tab as five subsections-

  • Element Style – Here you can change the margin, padding, z-index, entrance animation and add CSS ID and classes.
  • Background – Here you can set the background as classic or gradient and can even add the hover effects.
  • Border – Here the properties related to the border is defined like border type, radius, box shadow, and hover effects.
  • Responsive – Here you set the responsiveness of the different devices to be active or not.
  • Custom CSS – This lets you add CSS code to the widget, and you can see it render live right in the editor.



Last updated on March 31, 2020

Download PowerPack Free

Subscribe to receive latest updates, announcements, offers, deals & discounts.

Latest Additions