The Counter Boxes Element allows you to add animated counters anywhere on your site.
Step 1. Ensure Avada Builder, or Avada Live is active.
Step 2. Create, or choose the Column you wish to add the Element into. Click on Add New Element.
Step 3. Choose Counter Boxes from the Elements List.
Step 4 – The options on the right hand side are Parent Options, which are largely styling options, and affect the whole series of counter boxes, while the individual counter boxes are configured on the left hand side. Make sure to view the Element Demo page, to fully appreciate the options on offer. If you want your counter boxes to fill the width of the column they are in, make sure the number of columns equals the number of counter boxes. If you have fewer, they won’t fill the column, and if you have more, they will display on a second row.
Step 5. Once you have set all your Parent Options, you add Child Items on the left. Click the pencil icon to edit the existing item. The Child Item Options Panel appears. This is where you add the content for the individual Counter Boxes. The initial option is the Counter Value, plus there are options for Delimiters, Units, Unit Position, Icon, Counter Direction and the Counter Box Text.
Step 6. Once you have added content to one counter box, you can then set up other counter boxes, either by duplicating existing ones, or creating new ones, by clicking on the Clone Item icon, or the + Counter Box button respectively.
Step 7. Once you have completed adding your counter boxes, Save your changes.
Read below for a detailed description of all element options.