Counter widget

Add a Counter widget

To add a Counter widget:

1. Create a grid container that includes three side by side containers. Each container should be set to add elements vertically. For details, see Create a Grid Container.
2. Add a counter widget to each container. For details, see Add Elements to a page.
   
   
3. Select the first counter widget.
   
   
4. We’ll use this counter for the number of sites. Since this is a large number we won’t start from zero. In the Starting Number field enter 500. 
5. In the Ending Number field, enter 2000.
6. Since the firm is constantly increasing the number of sites worked on, in the Number Suffix field, add a +.
7. In the Title field, enter Sites.
   
   
8. Select the middle counter widget.
9. Enter the following:
   1. Ending number: 200
   2. Number suffix: +
   3. Title: Clients
      
      
10. Select the final Counter widget and enter the following:
    1. Ending number: 35 
    2. Animation Duration: 4000
    3. Title: Experts.
       We changed the Animation length so the counter takes longer to reach its limit. We’ll also make some style changes to help draw attention to this counter.
       
       
11. Click the Style tab.
    
12. In Title Position, click the before icon.
    
    
13. Open the Number field.
14. Change the color to red. For details, see Choose a color or Use global fonts and colors.
    
    

The counter widgets are ready.