Accordion Heading Text Color

[helloweb31]

How to change the text color of an accordion header, e.g. header of second acordion element?
Does this apply to all accordions or can I specify the accordion?

[Ben – SUPPORT]

How do you mean the second accordion element?

Can you post a link to the page please

Thanks
Ben

[helloweb31]

link:
http://site.scalfaro.com/2-3-slider/

I have two accordions on this page and would like the first one to have red text, but the second one should be a bit less bright, so I would like to put a white-slightly grey text color.

Also, how can I change the frame of the accordion and the text strength (e.g. bold text)?

One more question: I f I insert a Divider underneath the slider. It has quite a large gap underneath the line. How to eliminate this gap?

THANKS

[Ben – SUPPORT]

Right if you reply with your login details I’ll be able to sort your accordion.

If you add the gap in I’ll reduce the size of it.

Thanks
Ben

[helloweb31]

This reply has been marked as private.

[Ben – SUPPORT]

I do a lot of customisation work for a lot of people I can assure you nothing would go wrong.

All you need to do is the edit the accordion you need to edit and add a special class to in then in general settings go to custom css and add

.classNameHere{
font-weight:bold !important;
}

Then if you right click the divider and either use firebug (Firefox) or developer tools (Chrome) you will find the gaps class name eg. “divider” so then you just need to add again in the custom css

.divider{
height:50px;
}

Thanks
Ben

[helloweb31]

This reply has been marked as private.

[Ben – SUPPORT]

Add

.wpb_accordion .ui-accordion .ui-accordion-content{
padding: 3px 15px 0 15px;
}

to your custom css

Thanks
Ben

[helloweb31]

This reply has been marked as private.

[helloweb31]

This reply has been marked as private.

[helloweb31]

This reply has been marked as private.