Primefaces facet footer style

Question

How can I change the footer style of Primefaces (3.5) datatable footer? Or more specifically, its background-color?

I tried skinning it with .ui-datatable-footer but it doesn't seem to work. However, doing the same with color works perfectly, font-weight too.

Answer 1

You might need to use important alongside your background prop

.ui-datatable-footer {
   background: red !important;
 }