White text calendar header titles on colored background

2 posts, 0 answers
  1. Mark
    Mark avatar
    1 posts
    Member since:
    Dec 2011

    Posted 16 Dec 2011 Link to this post

    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,


  2. Dimo
    Dimo avatar
    8406 posts

    Posted 19 Dec 2011 Link to this post

    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,
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top