[SOLVED] how to change CSS background for the summary view

[badpenguin]

Hello, i like to change the background of the summary view from white or #f1f1f1 to #343836

i first tried this change

.x-panel-noborder .x-panel-body-noborder {
background-color: #343836;
}

but it change in too many other places too, i tried this:

div #go-module-panel-summary .x-panel .x-portal .x-panel-noborder {
background-color: #343836;
background: #343836;
}

#go-module-panel-summary .x-panel .x-portal .x-panel-noborder {
background-color: #343836;
background: #343836;
}

#go-module-panel-summary {
background-color: #343836;
background: #343836;
}

but didn't worked at all.

Any idea?

[SirDemonCZE]

Try write !important into background syntax.

[badpenguin]

Try write !important into background syntax.

It didn't worked.

I tested with firefox only and solved using this:

.x-panel-noborder .x-panel-body-noborder {
background-color: #343836;
}

plus fixing some transparent background adding this:

.go-form-panel .x-panel-body, .cal-monthGrid-cell, .alphabet-view, .x-plain-body {
background: white;
}