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

How to format horizontal menu font color

3 Answers 353 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
BitShift
Top achievements
Rank 1
Veteran
BitShift asked on 19 Nov 2019, 08:01 PM

I think it involves the classes .k-link k-menu-link but also hover text.  Im wanting to change both.

Anyone got any snippets for this?

 

3 Answers, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 20 Nov 2019, 08:33 AM

Hi,

Your assumption is correct. You can achieve this requirement using the following CSS rule:

    <style>
      .k-menu-group .k-link.k-menu-link{
        color: brown;
      }
    </style>

I've also prepared a live dojo sample for demonstration:
https://dojo.telerik.com/alaZoYAn/4

I hope this will prove helpful. Let me know if I can assist with anything else.

 

Regards,
Eyup
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
BitShift
Top achievements
Rank 1
Veteran
answered on 20 Nov 2019, 12:49 PM

What Im trying to change is the hover color of the menu text

 

This isn't working however

.k-link .k-menu-link .k-link:hover {
    color:mediumaquamarine;
}
0
BitShift
Top achievements
Rank 1
Veteran
answered on 20 Nov 2019, 12:56 PM

Found my answer here
https://docs.telerik.com/kendo-ui/knowledge-base/menu-color-background-hover-css

 

Tags
General Discussions
Asked by
BitShift
Top achievements
Rank 1
Veteran
Answers by
Eyup
Telerik team
BitShift
Top achievements
Rank 1
Veteran
Share this question
or