Need to change counter in percentage unit

Hello,
would there be any chance to change the counters to show % like in the pic?
Thanks,

Umberto

hey there
Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

#counter .counter-number:after {
    content: "%";
}

Thanks!
Colorlib Support Team

thanks for your reply, however now it does not show the number!
also I had to change it as the way you wrote it would give an error:

so I replaced your original code:

#counter .counter-number:after {
content: "%";
}

with this:
#counter .counter-number:after {
content: “%”;
}

Hi there

In order to check your question i need to see your live website, please provide url and i will take a look

sure thing:

http://daumma.org
username: support
password: WelcomeSupport98$u

thanks!

well… now it seems to be working… no idea what happened!

nope… it works randomly… now it is not working anymore!

now I checked on a PC Firefox and it works fine, then I look at the mobile version and it does not display…

Hi there

For me, it works normally,
Unfortunately, i cant give you any guarantee about how this css will behave in browsers :frowning:

I am afraid I will need to remove them then.
We cannot rely on something we cannot rely upon…
Is there a more robust approach, maybe a plugin or something like that?

Thanks,
Umberto

Hi,

It works just fine when I checked, maybe due to cache it is not display, try clearing the browser cache and see that fixes the issue. This CSS will work across all browsers, no issue. It works with these browsers, Can I use... Support tables for HTML5, CSS3, etc

Let us know,

Thanks,
laranz.

I see… thanks Laranz,
well I did try clearing the cache but no changes… actually clearing the cache caused the image in the slider to hang at 99% for a while hence slowing down the all page…
mmmhhhhh…
by the way, I am using Chrome Version 64.0.3282.167 (Official Build) (64-bit)
in Firefox it works but if you reload sometimes it does not.
In a smart phone the chrom browser never display them.

Hi there

Don’t know why you have such a weird display issue but it works in all my 5 browsers normally and on mobile phone
Well, it’s up to you, you can leave or remove this code, im not sure if such a specific question can be solved with the plugins, most probably no. Sorry buddy :frowning:

no worries mate, you really tried hard… thanks a lot anyway!

Hi,

Glad we helped. :slight_smile:

Let us know If you have any other questions. Please feel free to contact us again in the future regarding any other issues.

If you’re happy with our service, don’t forget to rate us: [Illdy] Reviews | WordPress.org

Thanks,
laranz.