Animated Numbers Styling - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
July 10, 2024 at 11:39 pm #1461803

envisageiam
Participant

Hi : ) How do I ad a background color and change the border color for the animated numbers element? Thank you for your help!

July 11, 2024 at 6:37 am #1461816

Ismael
Moderator

Hey envisageiam,

Thank you for the inquiry.

The Animated Numbers element doesn’t have this configuration by default, but you can place it inside a Column element. Then, configure the Column element’s Layout > Borders and Styling > Background settings as needed. Let us know if this helps.

Best regards,
Ismael

July 11, 2024 at 11:37 pm #1461881

envisageiam
Participant

Ok, would be much easier if I could add styling to apply site wide instead of having to go into each item and make the adjustment : (

July 12, 2024 at 6:08 am #1461888
Ismael
Moderator
Hi,

Thank you for the update.

If you need to adjust the default style of the animated numbers, you can add the following modification in the Quick CSS field and adjust it as necessary.
```
#top .avia-animated-number {
    border: 1px solid red;
    padding: 10px 20px;
    background: blue;
}
```
Best regards,
Ismael
July 16, 2024 at 12:27 am #1462122

envisageiam
Participant

That’s perfect, thank you! I’m grateful for your help: )

July 16, 2024 at 8:29 am #1462135

Ismael
Moderator

Hi,

No problem! Glad we could be of help. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Animated Numbers Styling’ is closed to new replies.