Change size of accordion titels

[studiodorus]

Hello,

I was wondering if i can change the size of the titels in the accardion.
I have a screenshot showing wich titel i mean. (pointed out with red arrows)
For live view go to: http://www.futurechemistry.com/applications/more-applications/

It would be great if i can change it in to a H3 or H4 bold

Hope you can help.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Sure,

Please use this and adjust to your requirements:

.spb_accordion .spb_accordion_section > h4 {
  font-weight: bold;
  font-size: 18px;
}

Thanks.

[studiodorus]

Thanks wich php file do i have to put this in?

[David Martin – Support]

Hi,

That is CSS not PHP, please do not place it in a PHP file 🙂

Add this to your theme options panel – Custom CSS option.

Thanks,
David.

[studiodorus]

AH oke, i see.

Thanks

[studiodorus]

Works like a glove.
Got rid of the bold because that was yust not the way to go.

Is there any way to get the + icon out of the text?

See screenshot

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

haha no problem 🙂

Sure, please add this also:

.spb_accordion_section > h4 .ui-icon:before { display: none; }

Thanks.

[studiodorus]

This works great to. But not what i mean.

Its that the text is so long that it runs in to the + icon. I would like to have some space between the text en the icon.

See screenshot

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

.spb_accordion .ui-accordion .ui-accordion-content {
  padding: 15px 60px 0 0;
}

– Kyle

[studiodorus]

Nope,

Doesn’t do anything.

[Kyle – SUPPORT]

I can’t replicate your issue, please tell me which page you are seeing an overlap on and which accordion

– Kyle

[studiodorus]

Take a look on this page. Then it will be clear.

http://www.futurechemistry.com/about/faq-frequently-asked-questions/

[Kyle – SUPPORT]

Add this:

.ui-accordion-header > a {
  padding-right: 60px;
}

– Kyle

[studiodorus]

Yes thats it.

Great stuff as always
Thanks

[Kyle – SUPPORT]

No problem 🙂