Increase size of Window Title and X button

[Baldvin]

I have a problem with too small X button to close a modal window when my web site is viewed on tablet computers. 

Using KendoUI with MVC. I have a window like this:

@(Html.Kendo().Window().Name("​mywindow").Title("​My very own Window Title text")
.Content("Loading...").Iframe(true).Width(600).Height(300).Visible(false).Modal(true)

)

What I want to do is make the title text and especially the X to close the window about 2x bigger to make it easier to use on tabled computers. I this possible? If so, how?

[eo]

Hello Baldvin,

To change these properties you will have to use ​css. Kendo themes use sprites for their icons and these can be resized by using the zoom property. In the case of the X button, adding this to your stylesheet will accomplish what you're after:

.k-i-close{
    zoom:1.2;
}

 Hope this helps.

[Iliana Dyankova]

Hi ,

Another option is to change the default icon via custom one:

.k-window-titlebar .k-i-close{
    background-image: url('/* ... */');
}

Regarding the title text, the following CSS rule should help to increase it: 

.k-window-titlebar {
    font-size: 30px; /* set font-size */
}

Regards,
Iliana Nikolova
Telerik