Change Fonts for Tabs, Icon Lists, and Accordions

[LezaL]

Hello,

I’ve got version 6.3.8 installed and have elected to do the font manager, which allows me to manage my fonts on the page in the elements individual section.

I’ve started with demo content and am adjusting from there, but find my accordion fonts (headers and text), tab fonts (header and text) and icon list fonts (text) are not following my font manager selections and do not allow for me to change the text selection in the element.

I do have advanced controls selected in preferences.

Is there a way for me to say in CSS that I want these elements headers and body texts to always appear a certain way (including color) across the entire website instead of trying to adjust per page?

Perhaps so the body text for these elements being:

font-family: "Catamaran" !important;
font-size: 17px;
line-height: 1.5;

And the heading text for these elements being:

font-family: "Shadows into Light" !important;
font-size: 20px;
line-height: 2;

Thank you for your assistance!

[paul.r]

Hi,

To achieve that you can add the code below in Theme Options > CSS

.x-tabs .x-tabs-list button,
.x-acc .x-acc-header span,
.x-feature-box-title,
.x-accordion-heading .x-accordion-toggle,
.x-nav-tabs>li>a {
font-family: "Shadows into Light" !important;
font-size: 20px;
line-height: 2;
}



.x-acc .x-acc-content,
.x-tabs .x-tabs-panel,
.x-feature-box-text,
.x-accordion-inner,
.x-tab-content>.x-tab-pane {
font-family: "Catamaran" !important;
font-size: 17px;
line-height: 1.5;
}

Hope that helps