Number counter, wrong font color

Hi there!

I started using the number counter on our page and everything seems to work fine, except for the color of the numbers. Within Elfdight, i.e. when playing with and creating the widget, the numbers have the correct color (green, see attached screenshot). But on the page where the widget is installed they are black.

Anyone can help with this?

Link to the page with the widget in question: https://norlandiaforskolor.se

3 Likes

Hello, @akreiden ! :waving_hand:

Add this code to the Custom CSS field:


.eapps-number-counter-number {
    color: green !important;
}
1 Like

Hi @akreiden

The CSS class is influenced by your own bundle-css.css using the <span> tag.

image

add the code below to Custom CSS field on your Number Counter widget’s Style tab:

[class*="Counter__CounterComponent-sc"] span{
  color: rgb(97, 166, 14) !important;
}

Please try it out and let me know if you like the result

4 Likes

@Sina this worked! Thanks so much!

3 Likes