Trying to override skin's font size

[Larry]

I am using ListView with the WebBlue skin.  It is actually a set of nested ListViews that is being used to display the data.  Throughout my site I am using font sizes defined in "em"s and a JavaScript function to increase and decrease the size of the text in the body.  The ems inherit the way they are supposed to except in this (ultimate parent) ListView (and the child listviews).  (Other parts of the page change as expected.)  Using FireFox and FireBug I see that I keep getting a font-size of 12px and a line-height of 16px in the div that is created by the ListView control.  How do I override this? 

I found this thread and I tried adding a class to the ListView after the skin:

<telerik:RadListView ID="RadListView1" runat="server" DataSourceID="ldsContacts"
            Skin="WebBlue" CssClass="StripFont" OnItemDataBound="rlvContacts_ItemDataBound" 
            DataKeyNames="ContactID">

and then I added the StripFont class to my css:

div.StripFont, .StripFont table, .StripFont div, .StripFont .RadListView_WebBlue, 
.StripFont .RadListView_WebBlue div, .StripFont .RadListView_WebBlue body table
{    font-size: 1em;   }

I am not very good with CSS, so I am sure the fault lies with me.  However, I am getting a bit frustrated after looking into this problem for at least 2 days.  Please point out my mistake so I can move on with this.

Thanks for any help!

[Galin]

Hi Larry,

I am not able to see mistakes in the provided CSS and it should work as expected. Perhaps, there are other custom CSS rules in the page which override them. The firebug can show the applied CSS rule.

In case the issue persist could you please open a formal support ticket and send a small running project that we can use to reproduce the case. Alternatively a live URL will help us as well. This will help us provide better support.


Kind regards,
Galin
the Telerik team