Change font color in grid filter datepicker

[Rayne]

My site is using the Sitefinity theme as it is the best fit for the site's overall look. But I've had to override the link color from the theme's default blue to match the company site colors. Since I'm only using a small # of radcontrols in the site, I've just been overriding the css instead of creating a new skin.

But I'm stuck. The Grid uses a DatePicker as the Filter control for DateTime columns. But I can't seem to find the right specificity to override the link color on the calendar popup. I've been using my browser's developer tools to view the page source and try to find the appropriate element classes, but I'm not having any luck.

Can anyone help pinpoint what I need to override to get the color to change?

[Shinu]

Hi Rayne,

I guess you want to change the ForeColor of the date links on the RadCalendar popup. Please have a look at the following CSS I tried which worked fine at my end. You should give the appropriate skin name you are using in the following CSS.

CSS:

<style type="text/css">
    .RadCalendar_Silk .rcMain .rcRow a, .RadCalendar_Silk .rcMain .rcRow span
    {
        color: Blue !important;
    }
</style>

Suppose you want to modify the default popup calendar styles on hovering the dates, you can override the default Styles as follows.

CSS:

<style type="text/css">
    .RadCalendar_Silk .rcRow .rcHover a
    {
        color: Red !important;
        background-color: Green !important;
        background-image: none !important;
    }
</style>

Thanks,
Shinu.

[Rayne]

Not sure what happened. I thought that's exactly what I was defining, but it just didn't want to work. So I used Chrome to get the exact definition and copied that to my stylesheet. Then refreshed and it worked. Ugh!

Thanks!