Cannot change spacing of a RadDataPager,

[Tonyz289]

I am trying to change the lookout of a RadDataPager, No matter what I try I cannot affect the spacing between the elements (see red arrows below). Nor can the change the size of the boxes nor the font size (see green arrows)/



Here is the styles I am using:

.rdpPagerLabel
 {
     font-size: 7pt;
 }

 .RadDataPager
 {
     font-size: 7pt;
 }

Here is the definition of the RadDataPager

<telerik:RadDataPager ID="RadDataPager1" runat="server" PageSize="25" PagedControlID="RadListView1"
    BorderWidth="0" OnFieldCreated="RadDataPager1_FieldCreated" CssClass="dataPagerClass">
    <Fields>
        <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
        <telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="5" />
        <telerik:RadDataPagerButtonField FieldType="NextLast" />
        <telerik:RadDataPagerPageSizeField PageSizeText="Page size: " />
        <telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go"
            TextBoxWidth="15" />
        <telerik:RadDataPagerTemplatePageField>
            <PagerTemplate>
                <b>Total Number of Assets Found:
                    <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />
                </b>
            </PagerTemplate>
        </telerik:RadDataPagerTemplatePageField>
    </Fields>
</telerik:RadDataPager>

[Shinu]

Hello Tonyz,

You can easily change the look an feel of the RaddataPager by overriding the default CSS, which you can track with firebug/ Webdeveloper tool. Here is some example for the same.
CSS:

.RadDataPager_Default // changes the font size of the whole text
        {
            font-size:large !important;
        }
.RadComboBox table td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput
        {
            padding-left:5px !important;
            font-size:large !important;
        }

Thanks,
Shinu.