White text calendar header titles on colored background

[Mark]

I'm trying to style the Month text in the calendar component in the header to add a colored background with white text. However, it seems that all the links are tied to the k-link css style, so changing the text color also changes the color of the days in the calendar as well, which are also on a white background.  I've attempted to add my own style, but it breaks the header, or goes totally ignored.  Please advise as to the steps needed to separate the header style from the overall link style in the component,

Thanks

M

[Dimo]

Hello Mark,

In order to set background and color styles to the Calendar header, you should use a specific selector, so that the styles are not applied to other widgets using the same CSS classes.

.k-calendar .k-header
{
      background: ... ;
}

.k-calendar .k-header .k-link
{
      color: ... ;
}


Best wishes,
Dimo
the Telerik team