Question

I’m using jquery UI accordion plugin but I need to be able to style each element separately. For example, I need different colors for headers (3 different colors would be used throughout the whole list). Setting up custom css classes for those elements, eg , doesn’t work as it gets overwritten by UI css

Any advice?

Answer 1

You may be able to override the jQuery UI CSS by Using !important.

e.g:

.header {
  color: #fff !important;
}