How do I change the header font properties in the accordion?

[adventurer]

Hi,

I can change the accordion header color and background, but not the weight and size. I can change it via HTML but I was hoping to be able to change it globally.

TIA

[marc_a]

Hi @adventurer,

Thank for reaching out!

You can change the font-size of the accordion in the accordion settings. Just change the value in the Base font size.

If you want to change it globally, we need to do to via CSS. Please add the code below in your X/Pro > Theme Options > CSS.

// Accordion Header
.x-acc-item .x-acc-header .x-acc-header-content {
    font-size: 22px;
    font-weight: 700;
}
//Accordion Content
.x-acc-item .x-acc-content {
    font-size: 22px !important;
    font-weight: 700 !important;
}

Just change the value to your desire value. Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.