Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

How To Use The Advanced Counter Widget By Element Pack Pro

In this documentation, we will discuss the customization of the Advanced Counter widget, brought to you by the Element Pack Pro addon.

Inserting the Advanced Counter widget

Inserting The Advanced Counter Widget on Editor page

On the page in Elementor editor, search by the widget’s name and then drag-drop it on the page.

Content tab customizations

Layout Section

Go to Content > Layout

Step-1

Find the Show Icon/Image, Icon Type (icon & image), and Icon field options.

Step-2

Also, find the Counter Start Number, Counter End Number, Separator, Counter Text, Text HTML Tag, Text Inline, Icon Position, Alignment, and Offset options.

Additional Options section

Go to Content > Additional Options

Find the Language type, Decimal Symbol, Decimal Places, Duration, Use Easing, Use Grouping, Prefix, Suffix, and Indicator options.

In the Language field, you have to specify the 10 decimal numbers in your language to show the counter text in your way.

Style tab customizations

Icon/Image Section

Go to Style > Icon/Image

Step-1

First, find the Icon Color, Background Type, and Color options in Normal mode.

Step-2

Then find the Padding, Border Type, border Radius, Advanced Radius, Box Shadow, Typography, Spacing, icon Size, Rotate, and Background Rotate options.

Step-3

Also find the Icon Color, Background Type, Effect (none, effect A, B, C, D, & E), Radius, Box Shadow, Rotate, and Background Rotate options in Hover mode.

Counter Number section

Go to Style > Counter Number

Step-1

Find the Spacing, Margin, counter Color, and Typograhpy options here in Normal mode.

Step-2

In Hover Mode, find the counter Color and Typography options.

Counter Text section

Go to Style > Counter Text

Find the Color, Margin, and Typography options in Normal mode.

In Hover mode, find the Color and Typography options.

Separator section

Go to Style > Separator

Find the Separator Type (Line, Bloomstar, Bobbleaf, Demaxa, Fill Circle, Finalio, Jemik, Leaf Line, Multinus, Rotate Box, Sarator, Separk, Slash Line, Tripline, Vague, Zigzag Dot, & Zozobe), Separator Style (Solid, Dotted, Dashed, & Groove), Fill Color, Stroke Color, Width, and Separator Spacing options.

Additional section

Go to Style > Additional

Find the Content Inner Padding option.

All done! You have successfully customized the Advanced Counter widget on your website.

Video Assist

You can watch the quick video to learn about the Advanced Counter widget. Please visit the demo page for examples.

Thanks for being with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge