Center Date Number in Monthview

[Dan]

I need to center align the date number in monthview. Also need to change the default font of the number. How can this be done? I have a picky customer.

Thanks,
Dan

[Shinu]

Hello Dan,

Try the following CSS.
CSS:

<style type="text/css">

.RadScheduler .rsHeader h2

 {

   text-align:center !important;

   font-family:Georgia !important;

 }
</style>

-Shinu.

[Ivana]

Hi Shinu,

To style the day cells' numbers, you could use the .rsDateHeader class selector, as in the code-block below:

.RadScheduler .rsDateHeader
{
    margin-left: 100px;
    font-family: Georgia;
}

I hope this helps.

Regards, Ivana
the Telerik team

[Dan]

Thanks Shinu, for some reason text-align:center !important; does not work but when I change it to a unit it does. Also, I need to center align it vertically. I assumed the following would work but it does not:

vertical-align:middle;

I have also tried margin-top and margin-bottom with no luck. Any ideas?

Thanks,
Dan

[Dan]

Fixed!

html div.RadScheduler .rsDateHeader
{    
    font-family:Verdana !important;
    margin-left:17px;
    height:50px;
    line-height:50px;
    white-space:nowrap;   
}