I admit that we do not have such documentation. While expecting or creating such a document can seem tempting at first glance, I believe that creating and maintaining such a large information array will be too big effort to be justified. Moreover, there are infinite number of CSS override scenarios that may require specific development techniques (selectors) that cannot be foreseen to be properly documented. I say this as a former front-end developer.
That is why, we recommend every UI developer to be aware of the general principles of CSS specificity. We also provide basic tips for overriding Kendo UI styles at:
On the other hand, there is a straightforward way to check what styles are applied to a given element and which one takes precedence. Please refer to the following blog post:
The sections of interest are "Inspect the Generated HTML of a Control
" and "See the Applied Styles
I can suggest a quick way to check if your selectors are correct and whether you are targeting the correct HTML elements - add an !important
clause to your custom CSS rules. If the desired styles appear, then the issue is a matter of CSS specificity and selector precedence. Otherwise, you may need to target different elements or make sure the CSS rules are actually loaded and applied on the page.
If you need further assistance afterwards, please send us a live URL or an isolated example for us to check locally.
Get quickly onboarded and successful
with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.