[Solved] Change bg color and font size

[Clive Hoggar]

Hi

I am using RadTooltip with default skin but I want to modify the bg color
and reduce the font size.  I have defined a css class and applied it to the control:

.radtooltipCss
{
    background-color:#DCD2BE !important;
    color:Black !important;
    font-size:0.8em !important;
}

but it has no effect on overrriding the defualt skin. How do I do this right?

This is a great control by the way.

Thanks

Clive

[Svetlina Anati]

Hello Clive,

I suggest to override the default style in the following manner:

    .ToolTipContent
        {
            background-color:#DCD2BE !important;
                    color:Black !important;
                    font-size:0.8em !important;
        }

All the best,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Clive Hoggar]

Hi
Thanks for this. It works 75%, in that the bg color to the tooltip text is
changed but there is a frame around the text (including behind the title) that remains
in the default color. What is the css referecne for that?
I did try border-color but that did not seem to do it.
Thanks
Clive

[Svetlina Anati]

Hi Clive,

I suggest to try the following CSS In order to get the desired behavior:

 

.ToolTipTopLeft,
.ToolTipTopCenter,
.ToolTipTopRight,
.ToolTipLeftMiddle,
.ToolTipRightMiddle,
.ToolTipBottomLeft,
.ToolTipBottomCenter,
.ToolTipBottomRight
{
   background-color:#DCD2BE !important;
}

Sincerely yours,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.