Overriding rgMasterTable CSS on ExpandCollpase column

[Amanda]

We're in the process of customizing how RadGrid looks on our grids, and the problem I'm coming across is that for looks, we've set padding to 10px on the rgMasterTable td, but I need less padding on the Expand/Collapse column because I'm needing to shrink the size of that column to 15-20px.  With 10 of that being padding, you can barely see the image.

However, if I take off the !important off the rgMasterTable padding, the Telerik Standard padding then takes precedence, so that's not an answer I can use.  Anyone have a suggestion?

The CSS I'm referring too:

.rgMasterTable td   { padding: 10px !important; }

And what I've tried:

.rgExpandCol { padding: 2px !important; }

[Jayesh Goyani]

Hello,

Please check attached screenshot for more information.

Please also search "CSS Loadin sequence" or "CSS applied sequence" for more information.

Thanks,
Jayesh Goyani

[Amanda]

Jayesh, thanks for the reply!

I have both stylings declared in the external CSS file, so it wasn't a matter of inline/external.  Thanks for suggesting searching for CSS applied sequence, as that let me to this page: http://www.telerik.com/help/aspnet-ajax/menu-custom-css-does-not-apply.html

Which lead me to changing my CSS like this!  Basically, just had to make the definition more concrete.

.rgMasterTable .rgExpandCol
{
    padding: 2px !important;
}