Trying to override skin's font size

2 posts, 0 answers
  1. Larry
    Larry avatar
    4 posts
    Member since:
    Nov 2011

    Posted 30 Apr 2012 Link to this post

    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-size1em; }

    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!
  2. Galin
    Admin
    Galin avatar
    526 posts

    Posted 03 May 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top