[Solved] How can I univerally have my Telerik fonts be smaller?

[Matthew]

For some reason (and yes, I am a CSS novice) the Telerik controls (grid, windows, etc...) all display text extremely large, much larger than the rest of the text on the pages.  In order to fix this I have had to put the following in my site.css:

#schema-issues-grid, #edit-schema-window, #RequestsGrid
{
    font-size: .7em;
}

As you see, as I add more controls I have to add more stuff to the style sheet, which is going to make this a pain to maintain.  I tried to just style the t-widget, t-window, and t-grid classes, but when I did that my font-size .7em rule was not being applied (Chrome stated it was being overriddent by the other styles).

How can I have this done universally?  This seems to be a Theme-agnostic issue.

[Alex Gyoshev]

Hello Matthew,

Setting a font-size to .t-window should me all you need. The fact that it doesn't work and that the components have a different font by default means that there is some clashing CSS. You should be able to override it with !important, like this:

.t-widget {
    font-size: .7em !important;
}

However, a cleaner solution would be to fix the clashing styles in the first place. If you would like us to help with that, please send a live URL or a sample solution that shows the problem.

Regards,
Alex Gyoshev
the Telerik team