Change font style for accordion header on hover

[PoscoCreative]

Hello!

I would like my accordion header title to get bolder when it’s active and on hover. I looked for the selectors and tried a few things but I must not have it right. Would you please show me how to do this?

Thanks!

[jade]

Hello ,

To do that, you may add this code to the Accordion element’s Element CSS:

Accordion | Themeco Docs

$el.x-acc .x-acc-header .x-acc-header-text {
    transition: all 0.5s ease;
}

$el.x-acc .x-acc-header:hover .x-acc-header-text,
$el.x-acc .x-acc-header.x-active .x-acc-header-text {
    font-weight: 500;
}

Element CSS | Themeco Docs

Hope this helps.

[PoscoCreative]

Thank you Jade, that worked!

[friech]

We are delighted to assist you with this.

Cheers!