Counter

Counter

Counter custom WPBakery Page Builder element, added by Loyde, renders a “count up” effect, which increases a number from 0 to the given value.

How to enter the number for the "count up" number

Steps:

  1. Add a Counter instance to the edited page or post
  2. Open the Settings for the added element
  3. Under the "Number" tab, enter an integer number to the "Number" text field
  4. Save changes.

How to choose an icon which will be displayed next to the counter

Steps:

  1. Add a Counter instance to the edited page or post
  2. Open the Settings for the added element
  3. Open the "Icon" tab
  4. select the desired cion family, under the "Icon library" dropdown
  5. In the "Icon" field choose the desired icon
  6. Save changes.

How to choose a title which will be displayed next to the counter

By default, title will be rendered as a H3 tag.

Steps:

  1. Add a Counter instance to the edited page or post
  2. Open the Settings for the added element
  3. Open the "Title" tab
  4. In the "Title" field enter the desired text
  5. Save changes.

How to choose a text which will be displayed next to the counter

By default, text will be rendered with a body typography styles.

Steps:

  1. Add a Text instance to the edited page or post
  2. Open the Settings for the added element
  3. Open the "Text" tab
  4. In the "Text" field enter the desired text
  5. Save changes.

How to apply primary & secondary accent color to the element

See description here.

How to apply a basic styling, which applies to the element as a whole

See description here.