I am trying to change the color of the header with custom css in my theme, but doesn't seem to work. The background change works (and anything else i tried) but the color of the header is stuck at #555555. It does seem to use http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/j... , so i have no way of change it.

Is there a workaround for that?

Comments

Liakoni created an issue. See original summary.

Ajay Jagtap’s picture

Ajay Jagtap CreditAttribution: Ajay Jagtap commented

Hi Liakoni,

I think you have to use like below,

.your-class-name {
color : your-color !important;
}

Example -

.header {
color : #FFA500 !important;
}

Regards,
Ajay Jagtap.

justinmello32’s picture

justinmello32 CreditAttribution: justinmello32 as a volunteer commented
justinmello32’s picture

justinmello32 CreditAttribution: justinmello32 as a volunteer commented

It does sound like you just need to be more specific with your targeting and you shouldn't have any problems.

Try targeting .ui-accordion .ui-accordion-header a {}, I believe that's how I have it configured on my site.

Let me know if that helps, thanks!

Justin

Manuel Garcia’s picture

Manuel Garcia CreditAttribution: Manuel Garcia as a volunteer commented
Status: Active » Fixed

This is just a CSS question rather than anything specific to the module, but thanks guys for explaining how to do this anyway.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.