menu
close_24px
EMAIL
austin.co.in
Documentation

Counter

Counter

We have given two options for counter layout choice- 

  • Card Layout
  • Compact Layout

Here is an instance of card layout with three columns-

Here is an instance of compact layout with three columns-

For both card layout and compact layout choose:

  • Two Column
  • Three Column
  • Four Column

Also, select the image/icon in the counter component. Enable or disable the display of images/icons in it. 

Here is an instance of enabled image display-

Here is an instance of disabled image display-

Edit, delete or clone the content in the counter.

Styles

Change the font, font style, font color, and font size of counter value for desktop. Change the font, font style, and font radius of counter text for desktop. Set font size of counter text and counter value for mobile.

Align counter content either left, right, or center separately for mobile and desktop. 

Set the margins and padding for counter spacing separately for mobile and desktop.