see all attributes of a class

[marion]

I am trying to modify the K-grid-header and I am having difficulty modifying the height of the box.  By experimenting with different attributes I have managed to reduce it.  for instance if I reduce the font size the box gets smaller, but I cannot see another attribute that I can use to reduce the size of the box.  If I change the height of the box the links inside start to disappear.  the primary white space is above.
any ideas of the attribute that needs changing?
or how can I easily see all the attributes including parent attributes?
Many thanks
Marion

[Iliana Dyankova]

Hi Marion,

You could customize appearance of any particular widget in Kendo UI using custom CSS and the widget's specific classes (link). For example the following code snippet should help to reduce the Grid header's height:

<style>
.k-grid-header-wrap{
    height: 20px;
}
</style>

Generally speaking it is recommended to use Firebug or any other browser inspector to check what HTML and CSS rules are applied in a given situation. 

Regards,
Iliana Nikolova
Telerik