Hi,
I'm using the Outlook skin and the date in the month header is gray against blue background. So it's very hard to read it.
A screen shot image is attached. How do I change the font color to some light color such as "White"? Thanks.
Han
I'm using the Outlook skin and the date in the month header is gray against blue background. So it's very hard to read it.
A screen shot image is attached. How do I change the font color to some light color such as "White"? Thanks.
Han
5 Answers, 1 is accepted
0

Shinu
Top achievements
Rank 2
answered on 13 Jan 2010, 08:27 AM
Hello Han,
I am able to change the color of date shown in the header by adding the CSS on page.
CSS:
I guess you forgot to attach the image.
-Shinu.
I am able to change the color of date shown in the header by adding the CSS on page.
CSS:
.RadScheduler .rsHeader |
{ |
color: white !important; |
} |
I guess you forgot to attach the image.
-Shinu.
0

Han
Top achievements
Rank 1
answered on 13 Jan 2010, 02:30 PM
HI, Shinu:
thanks for your reply. I did attach, but apparently it didn't show up. Here it is again.
I tried your css, but it didn't work. What does the "!important" part mean? ( I tried with and without it)
thanks for your reply. I did attach, but apparently it didn't show up. Here it is again.
I tried your css, but it didn't work. What does the "!important" part mean? ( I tried with and without it)
0
Hi Zhe,
That's strange. The css selector which Shinu suggested should have worked. The "!important" part gives the rule biggest weight which guarantees that it will be applied and overwrite any other rules.
I am not sure which version you use, but the current official version which you can test in the online demos does not have the problem demonstrated in your screenshot.
Greetings,
Peter
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
That's strange. The css selector which Shinu suggested should have worked. The "!important" part gives the rule biggest weight which guarantees that it will be applied and overwrite any other rules.
I am not sure which version you use, but the current official version which you can test in the online demos does not have the problem demonstrated in your screenshot.
Greetings,
Peter
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0

JuhaJ
Top achievements
Rank 1
answered on 26 Feb 2010, 07:18 AM
Hello,
I suppose that the original problem has probably been solved or worked around already, but I through I'd throw a post anyway as I seemed to stumble into same issue (which couldn't be solved with css .rsHeader addition).
In my case the font color that appeared to the header text came from custom h2 css definition, and therefore was easy to solve by adding new rule to CSS:
Best regards,
-Juha
I suppose that the original problem has probably been solved or worked around already, but I through I'd throw a post anyway as I seemed to stumble into same issue (which couldn't be solved with css .rsHeader addition).
In my case the font color that appeared to the header text came from custom h2 css definition, and therefore was easy to solve by adding new rule to CSS:
.RadScheduler h2 |
{ |
color: #FFFFFF; |
} |
Best regards,
-Juha
0

KJRB
Top achievements
Rank 1
answered on 04 May 2011, 05:02 PM
thx, that worked for me! (the header trick)