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,

    Thanks

    M
  2. Dimo
    Admin
    Dimo avatar
    8331 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,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top