how to increase the search box size

[Raushan]

how to increase the font size of text which we enter in the search box .
i tried font-size property but its not working for me..

[Magdalena]

Hi Raushan,

Rad controls have inbuilt styles also for the font size, so to overwrite it, it is necessary to use a stronger selector. Please, apply the following CSS code snippet to your project to increase the font size of the text in the RadSearchBox

html .RadSearchBox .rsbInput {
    font-size: 16px;
}

Regards,
Magdalena
Telerik

[Raushan]

thanks for the reply . but i want to change the size of the searchbox . i tried height and width but its not working.

<telerik:RadSearchBox ID="RadSearchBox2" runat="server" Font-size="100px" Width="100px" Height="100px"></telerik:RadSearchBox>

[Magdalena]

Hi Raushan,

The Font-size and Height properties come from inherit class and they are not applicable for this case. You can change these attributes by applying CSS style sheets. To set the font size and the height to 100 pixels, please apply the following code snippet to your project

html .RadSearchBox .rsbInput {
    height: 100px;
    font-size: 100px;
}
html .RadSearchBox .rsbInner {
    height: 100%;
}

Please, keep in mind that some of skins are using a background image for the search button. So
 if you re-size also the search button, the appearance could be broken and there should be created a new sprite for them. Code for re-sizing of search button is the following

.RadSearchBox .rsbButtonSearch {
    height: 106px;
}

I hope this will help you
 
Regards,
Magdalena
Telerik