Hi guys, great module thanks! Trying to theme header fields as different color headings for client using css but struggling. Any suggestions how this may be accomplished? Thanks.

Comments

hawkdavis’s picture

hawkdavis commented
Issue summary: View changes

Yes, I second this question. I am new to drupal but am no moron and I cannot find any sort of guide to how to change the color of the accordion headers.

jthompson333’s picture

jthompson333 commented

Just go to the sites/all/modules/views_accordion directory.
Look for the file views-accordion.css

Put in the following:
.ui-accordion-header{
background: green;
}

I think it pretty much follows the same classes as laid down by jquery ui.
I could be wrong. Not sure which version of jquery ui they are using either.

If you poke around enough, you can probably find all you need here:
http://learn.jquery.com/jquery-ui/theming/

narkoff’s picture

narkoff commented

I added the CSS in #2 in my theme's stylesheet. However, the header background color flashes up for a second then the header reverts back to the default grey color.

I found that I needed to add the CSS in #2 to the views-accordion.css file in order for my theme's style to override the default. Bug?

For clarity:

1. Default header background = grey.
2. views-accordion.css background = green.
3. theme.css background = brown.

The only way the header background was brown, was if there was a CSS declaration in views.accordion.css. If not, the default color grey displays. Shouldn't my custom theme.css declaration override the default, without having any background declaration in views-accordion.css?