how to change the background color in kendo pivot grid

[Krishnan]

How do I change the background-color of the columnheader/rowHeader or grouping header in Kendo Pivot grid. I tried applying the following css in the custom.css but it is not getting affected with the grid. These classes are originally present in the kendo.common.min.css and I want to override it my custom CSS class.

how do I change or override it?

.k-grouping-header k-grid-header th.k-header{     background-color: #F7F7F7 !important;}

[Eduardo Serra]

Hello,

I have made the necessary CSS changes to achieve the style you wish to implement; you can take a look at in the Kendo UI Dojo here. The relevant part:

<style>
  #pivotgrid .k-button, #pivotgrid .k-header{
    background-color: #c50f0f;
  }
</style>

If you wish to keep the buttons' original color then remove #pivotgrid .k-button and only the background will be changed.

I hope this helps.

Regards,
Eduardo Serra
Telerik by Progress