Accordion Font Face To Match Rest of Website's Font Face

[derek_vs]

Hi, I’m trying to get all the accordion’s font face on my website to match the rest of the website. The accordions for some reason seem to be using Arial font face, while the rest of my website is using Lato (Google) font face. How can I get all the accordions on my site (summitcastle.com) to be using Lato (Google)?

I don’t think there’s a way to adjust accordion font face in the accordion options, so I would assume it needs to be done via CSS. This is the CSS I’ve tried, but it’s not working:

.x-accordion-heading .x-accordion-toggle {
font-family: “Lato (Google)”;
}
.x-accordion-body .x-accordion-inner {
font-family: “Lato (Google)”;
}

Thanks,

Derek

[jade]

Hi Derek,

You can actually set the accordion header and content’s font using the setting available with the element.

Please see the screencast below:

Hope this helps.

[derek_vs]

Ah! Thanks!

[nabeel]

You’re most welcome!