Counter Widget

The Counter widget lets you include a dynamic numbered counter on your page. To get started, Drag the Counter widget to the canvas from the widgets menu.

Adding Counter widget

Add a Counter widget to your website. For details, see Add Elements article.

Content tab

• Starting Number: Choose where your counter begins.
• Ending Number: Specify where it stops.
• Number Prefix: Add text before the number, like a currency symbol.
• Number Suffix: Append text after the number, like a sign.
• Animation Duration: Set how long the animation runs.
• Thousand Separator: Opt to display or hide the separator.
• Separator Style: Pick from default, dot, or space.
• Title: Enter a title to appear beneath the number.
• Title HTML Tag: Choose the HTML tag that will be used to structure the title of your Counter Widget. Select from H1 to H6, div, span, or p.

Style tab

Counter

• Title Position: Choose from above, below, right, or left of the number.
• Title Horizontal Alignment: Align the title to the right, left, or center.
• Title Gap: Set the space between the title and the number.

• Number Position: Position the number to the right, left, or center of the widget.

Number

• Text Color: Select your preferred color for the number text.
• Typography: Adjust the typography settings for the number text.
• Text Stroke: Add an outline to your text and images
• Text Shadow: Enhance the text with shadow effects for added depth.

Title

• Text Color: Define the color for the title text.
• Typography: Customize the typography for the title text.
• Text Stroke: Add an outline to the text and images for emphasis.
• Text Shadow: Apply a shadow effect with options for color, blur, and offset.

Advanced tab

You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.