How To Use & Customize Counter Widget

Counter Widget provides more versatility while customizing the ‘counter’ content on your web pages. It’s ideal for displaying statistics and figures.

Follow the step-by-step instructions:

1. Go to Menu Romethemekit.

2. And you will be able to see the Counter Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor.

7. Drop it on the selected area.

8. Setting Content :

• Click Content → Content.
• Setting your starting an ending number, increment step, number suffix, animation duration, separator and title here.

9. General & Number Style (used to customize the general & number style) :

• Click Style → General & Number.
• Customize the alignment, text color, typography, text stroke and text shadow.

10. Title Style (used to customize the title style) :

• Click Style → Title.
• Customize the spacing, text color, typography, text stroke and text shadow.

11. Suffix Style (used to customize the suffix style) :

• Click Style → Suffix.
• Customize the spacing, and color.

12. Don’t forget to click Publish to save the changes.