This is a migrated thread and some comments may be shown as answers.

Kendo theme css overriding existing css

1 Answer 36 Views
This is a migrated thread and some comments may be shown as answers.
Toly
Top achievements
Rank 1
Toly asked on 04 Jun 2020, 02:30 AM

I'm incorporating Kendo ui widgets into an existing application. Unfortunately, the Kendo theme css is overriding other css styles for non kendo widgets.

Is there a way to prevent kendo theme css from doing this?

1 Answer, 1 is accepted

Sort by
0
Accepted
Aleksandar
Telerik team
answered on 05 Jun 2020, 04:00 PM

Hello Anatoliy,

In general, such behavior is not expected but could be observed in case there is a match of class names in the application you are incorporating the Kendo widgets and the Kendo classes. You can find more details on Kendo classes in the link below, that might help pinpoint the issue: 

https://docs.telerik.com/kendo-ui/styles-and-layout/appearance-styling#common-css-classes

As far as preventing the overriding I am afraid I cannot provide a valuable suggestion without additional details on what styles are being overridden. A possible approach would be to use more specific selectors in order to prevent the behavior.

You can also review this article for details on CSS precedence:

https://css-tricks.com/precedence-css-order-css-matters/

If it is possible to provide a working sample, where I can observe the behavior I might be able to provide a more detailed suggestion.

I hope this helps.

Regards,
Aleksandar
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Asked by
Toly
Top achievements
Rank 1
Answers by
Aleksandar
Telerik team
Share this question
or