Change padding/margin for grid filter

[Sam]

I’m trying to figure out how to reduce the padding or margin for the filter cells inside the grid. I’m using the latest Grid-Ajax release.

 

I thought that this would do it:

<FilterItemStyle CssClass="GridFilterStyle" /> 

With the CSS class:

.GridFilterStyle

{

    padding: 0px;

    margin: 0px;

}

 

But that did not do it. So I spent the last few hours reading the skins blog and how to customize the new skins, so I thought this would work:

td.rgFilterRow_WebBlue

{

    padding: 0px;

    margin: 0px;

}

 

or

tr.rgFilterRow_WebBlue

{

    padding: 0px;

    margin: 0px;

}

 

But that did not do it. Help please.
thanks,
-sam

[Princy]

Hello Sam,

You can try out the following css code to remove padding in filter cells:

     .rgFilterRow td
    {
      padding-left:0px !important;
    }

Thanks
Princy

[Sam]

That worked, thank you. But now I also expected this to work:

.RadGrid

 

div

 

{

 

font-size: xx-small !important;

 

 

background-color: #FFFF00 !important;

 

}

The background worked, but the font did not change. It seems that the TRs and TDs did not inherit the DIV characteristics. Is there an element that i can control that would effect the font in all the rows and titles?   

[Sam]

okay, this did thew job:

.rgMasterTable

 

 

{

 

font-size: .85em !important;

 

}