Enfold Element: Animated Numbers
WordPress Theme Development – Enfold Animated Numbers
Phoenix AZ WordPress Animated Numbers Element
With Animated numbers Setting up a simple counter was never easier. It is very useful to display quick and fun statistics of your company, and at the same time grab your users attention with a quick animated count of the numbers.
If you are looking for a way to add a background color or image to the animated numbers, First, add the animated number element inside a column and give it a background color and padding no coding is required.
The speed of the animated numbers can be delayed to show the animation for a longer period by editing the shortcode.js file found in the wp-contentthemesenfoldjs folder.
Increase the number 3000 to a greater number in the line:
The description font style for Animated numbers can be changed using the below CSS. First, add a custom class name “my-custom-animated-numbers-description”.
Did you know that the animated numbers elements can be used without the numbers? You can add text which will appear as titles as seen in the below example.
To add more advanced styles like a gradient background effect, assign a custom CSS class name “my-custom-animated-number-bg” and use the below CSS.
The Animated Numbers element within the Kresi Enfold theme is great for adding life to your event pages or anywhere else on your website. Instead of using a 3rd party HTML snippet, use the animated numbers element within this theme for a clean and modern touch to your website.
We would like a chance to work with you on your website project! And we look forward to answering your questions. Please fill out the form or click the link below to get in touch.