Changing color of Close

[Ian]

I have changed the color of the Window Title bar to a dark blue:

.k-window-titlebar  {
    background-image: none, linear-gradient(to bottom, rgb(9, 96, 142) 0px, rgb(16, 108, 153) 100%);
}

Is there a way to change the icon of the Close button on a Window to a bright white, or at least change the background of the close button to bright white. The default 'x' is dark so can't be seen when the Windows Title bar is dark too.

Note the Hover style of the close icon is perfect as a non-hover state so I could use that, but I can't figure out what styles that hover is made of.

Ian

[Iliana Dyankova]

Hi Ian,

Generally speaking the icon of the Close button (like to other icons in the Window's titlebar) is part of a sprite - hence in order to change the icon color you need a custom icon. As for the icon's background - you could use the following CSS rule:

.k-window-titlebar .k-link{
    background: #fff;
}

  Regards,
Iliana Nikolova
Telerik