This is a migrated thread and some comments may be shown as answers.

Styling the Menu

1 Answer 220 Views
Menu
This is a migrated thread and some comments may be shown as answers.
john
Top achievements
Rank 1
john asked on 12 Feb 2019, 04:47 PM

I have been trying for several days to bend the menu to my will, and nothing has worked.

I'm using MVC5, Bootstrap 3, and Telerik UI for MVC (2019.1).

I have a div that is 28px tall, and I'm trying to get the menu to be constrained within that div's height. The problem is that the menu appears to be padded/margined and is 50px tall, regardless of the class styles I've tried to set. There doesn't appear to be any documentation (that I've found) that describes how to re-style the components.

For instance, it would be real nice if I could find a description regarding what to do to change the colors, the sizes, and the positioning. What css classes affect each widget?

 

1 Answer, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 14 Feb 2019, 11:51 AM
Hello John,

In general, modifying the Menu height could be achieved through the following selector:
<style>
  .k-menu .k-item>.k-link {
    /* set padding */
    /* set line-height  */
  }
</style>

For customizing the themes you can check out the following resources based on the type of theme that you are using (Less-based or Sass-based):


Regards,
Dimitar
Progress Telerik
Get quickly onboard and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Menu
Asked by
john
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Share this question
or