How to format horizontal menu font color

4 posts, 0 answers
  1. BitShift
    BitShift avatar
    183 posts
    Member since:
    Aug 2014

    Posted 19 Nov 2019 Link to this post

    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?

     

  2. Eyup
    Admin
    Eyup avatar
    4078 posts

    Posted 20 Nov 2019 Link to this post

    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.
  3. BitShift
    BitShift avatar
    183 posts
    Member since:
    Aug 2014

    Posted 20 Nov 2019 Link to this post

    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;
    }
  4. BitShift
    BitShift avatar
    183 posts
    Member since:
    Aug 2014

    Posted 20 Nov 2019 Link to this post

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

     

Back to Top