Hello dear Design Studio community,
I am using this KPI view component of Karol, however, I am not able to overwrite the standard CSS it seems (Design Studio 1.5).
I imported all the classes mentioned in Karol's blog in my custom CSS (the scn-pack-KpiView ones) that I bounded to my application.
However, when I execute the dashbaord and examine the styles with the IE console, I can see the classes are duplicated. For example, my kpi view component has the Style scn-pack-KpiView and scn-pack-KpiView-Value but coming from two files; one class is from KpiView.css (which I do not know) and the other is my file Custom.css. So the classes are there twice. (cf. screenshot for more clarity)
And the issue is that my scn-pack-KpiView-Value class from my custom CSS is not considered (values have a line through them) and the scn-pack-KpiView-Value from library.css is considered (which seems to be the default css Library).
I did put !important on all my lines and my css works in other applications not implying Kpi views.
How can I overwrite the values of the KpiView.css file and make mine from my custom.css file the one that have priority?
Any help on this would be greatly appreciated.
I hope everybody you know in Paris is safe!
Love to all!!!
Thank you for your attention.
Best regards.
Jacques-Antoine Ollier