Page 1 of 1

How to change p-datalist header background color

Posted: 09 Aug 2016, 07:36
by shinigami
Hi all,

May I know how to change the header and footer background color of the p-dataist ?

default color is Blue and I can change the color by using "<header class="SoftBlueBack">"

But it look very strange because only the color of the middle portion of the header change..... look very strange.

Any advise ?

Thank you !

Re: How to change p-datalist header background color

Posted: 10 Aug 2016, 15:48
by mert.sincan
I think this is a primeng issue. Please create a github issue; https://github.com/primefaces/primeng/issues
Also, I think you can try the following css;

Code: Select all

.ui-datalist .ui-datalist-header,
.ui-datalist .ui-datalist-footer {
  background-color: #03A9F4 !important; /* SoftBlueBack */
}