Documentation

Counter Widget Overview

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 needs 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, and margins of the counter. You can change the icon's style layout as well.

Advanced Tab#

This Tab has five subsections-

  • Element Style - Here, you can change the margin, padding, z-index, and 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 are defined as 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.

Not the solution you are looking for?

Please check other articles or open a support ticket.

Download PowerPack Free

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