How do I change the font of the Accordion feature?

[KamranMatahariParticipant]

Hello,

I want to change the font of the title text on the accordion feature to Arvo so it matches the rest of the text. How can I do that?
(BIO, AWARDS, RESUME)

Also links are formatting in a large font and I want to change the font of the links to Arvo as well and to keep the the size consistent.

(RESUMES)

Here is the page.

http://whytech.solutions/acting/

Thanks,

Cameron

-Cameron

[AndyKeymaster]

Hi Cameron,

Try adding this to Appearance > Theme Options > Customize > Custom CSS:

.vc_tta-panel-heading h4 {font-family:Arvo !important;}

The reason the links are bigger is because they’re set to h2 tags, please set them to paragraph and they’ll be the same size.

[KamranMatahariParticipant]

I tried adding the code and it didn’t change the font of the According title. Do I need to create the accordions again, for it to take effect.

How do I set the links to paragraph.

[AndyKeymaster]

Hi,

It’s definitely set to Arvo now and is the same as the content.

I’m not sure what you mean by “set the links to paragraph”?

[KamranMatahariParticipant]

1. Accordian titles are still appearing in gray.

2. Why are the links coming in such a huge font?

[AndyKeymaster]

Hi,

1. Sorry, I thought you were talking about the font, not the color. What color do you require it?

2. This is because you’re wrapping the content within a h2 tag ( this is bad and isn’t what h2 tags are intended for ).

If you want to keep it h2, try the following CSS in Appearance > Theme Options > customize > Custom CSS:

.vc_tta-panel-body h2,
.vc_tta-panel-body h2 a {font-size:20px !Important;}

[Author]

Posts