Menu Item color is black on black

I applied menus on side bar and also applied all css




sub menus are also coming in black. 
css is:-


#sidebar-menu,
#sidebar-menu ul,
.dock-menu .e-menu-wrapper,
.dock-menu.e-menu-wrapper,
.dock-menu.e-menu-wrapper ul > *,
.dock-menu .e-menu-wrapper ul > * {
  background-color: #33383e !important;
  color: #fff !important;
  overflow: hidden;
}


I removed header part because my Header is white. Please do needful.

3 Replies 1 reply marked as answer

SE Scott Eaton June 17, 2020 08:37 PM UTC

I added the following to the component css.  I hope it works for you.

span.e-icons.e-caret{
    color#fff;
  }
div.e-anchor-wrap {
    color#fff;
  }

Marked as answer

NA Namita June 18, 2020 12:47 AM UTC

Yes, it is working, Thanks


SP Sowmiya Padmanaban Syncfusion Team June 18, 2020 04:18 AM UTC

Hi Namita,  
  
Greetings from Syncfusion support. 
  
We are glad to hear that your problem has been resolved. Please contact us, if you need any help from us. 
  
Regards,  
Sowmiya.P 


Loader.
Up arrow icon