Kendo theme css overriding existing css

2 posts, 1 answers
  1. Toly
    Toly avatar
    1 posts
    Member since:
    Dec 2012

    Posted 03 Jun Link to this post

    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?

  2. Answer
    Aleksandar
    Admin
    Aleksandar avatar
    113 posts

    Posted 05 Jun Link to this post

    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.
Back to Top