Change font size

[Leo]

Hi, I'm using RadToolTip control, but I can't find a way to change the font size of the text

How can I do?

<telerik:RadToolTip ID="radToolTipLogin" runat="server" ContentScrolling="Auto" TargetControlID="btnMore"
HideEvent="ManualClose" Width="500px" Height="203px" RelativeTo="Element" Position="BottomCenter"
EnableShadow="true" ShowEvent="OnClick" RenderInPageRoot="true">
      <%# Eval("LOGIN") %>
</telerik:RadToolTip>

I try to put this block of code, but unsuccessfully...

    <style type="text/css">
        .ToolTipContent
        {
            font-size: 10px !important;
        }
    </style>

[Gimmik]

Hi Leo,

Remember, the RadToolTip displays rich content - so you can modify the text using any standard HTML tags that you like. Here's an example for a very large tooltip on a small button.

<telerik:RadToolTip runat="server" TargetControlID="RadButton1">
    <font size="40">This is a Tool Tip</font>
</telerik:RadToolTip>

Hope this helps!
-Gimmik

[Marin Bratanov]

Hi Leo,

You can add the style inside the tooltip, as Gimmik suggested. You can also use a tool similar to firebug to inspect the rendered markup and copy the required CSS selector from there. As a shortcut I would suggest using the following one which I obtained in this manner (see the attached screenshot):  

.rtWrapperContent div
        {
            font-size: 40px;
        }

Kind regards,
Marin
the Telerik team