Error to use widget counter
-
The size of the option numbers counter does not work.
Only is a space between the top
Here’s a link to an example
https://suportgc.com.br/wgc/wp-content/uploads/2016/10/Error.gif
-
Just tested this on one of my sites with the latest version and it is working (actual font size of number) so maybe there is some theme or other plugin css overriding the elementor style? Maybe an !important tag (which yes I know is weird because it’s a span and not an h1, h2 etc.)
Ok great job finding the problem. The issue here is CSS and how it applies rules based on hierarchy.
That code you found above is considered a higher specificity because it applies the font-size directly to all span tags.
The counter number’s font-size (via Elementor) is actually set on the parent object (<div class=”elementor-counter-number-wrapper”>). You’ll see when you inspect the code again.
The fix to this is to “reset” the font-size of the span to it’s nearest specifying parent. You’ll need to add custom css that has:
span { font-size: 100%; }
or maybe even more specifically:
.elementor-counter span { font-size: 100% !important; }
When setting font-size to 100% it matches whatever was previously specified, closest by it’s parenting html nodes all the way up to the <body> tag and lastly the browsers default font-size for that type of element (as I understand it anyway).
Could be a simple style.css fix in your theme.
- The topic ‘Error to use widget counter’ is closed to new replies.
