Style documentation

[Simon]

Hello,

I just took a look at your menu example and for some reason, the menu thiner by about 50% in your example.

I'm a javascript / kendoui newbie and I can't understand how to change the style for my menu.  I guess it's in a css file that isn't displayed in the demo source code but I might be wrong.

Is there any documentation about the CSS file and how I can change the height of the menu?

Best regards,

Simon

[Iliana Dyankova]

Hi Simon,

Generally speaking, changing height of the menu is not supported out of the box. In order to customize the presentation of any particular widget, you could use a CSS selector with the widget’s specific CSS class - this action will override the default styling. You could get the right selector as inspect the HTML output with Firebug. For example this snippet can be used for changing height of your menu:

.k-menu .k-item
{
  height: 50px;
}

Also, I believe you might find this topic from our online documentation very useful.
 
Regards,
Iliana Nikolova
the Telerik team