Changing Background Colors in Accordian Pro Elements

[silostar]

Please tell me what I’m doing wrong. For a specific Accordian item, I want the background red with white lettering and a red header. This is what I have…nothing works:

$el.x-acc-content {background-color:#e6352f; color:#fff;}
$el.x-acc-header-text {color:#e6352f;}

Thanks for your help!

[Prasant]

Hello @silostar,

Thanks for asking.

I suggest you to add a class name to individual accordion item under Customize > Setup > Class. After that you can add following CSS under X/Pro > Theme Options > CSS:

.acc-item-color button {
    background-color: #ddd !important;
}

You can change class name acc-item-color and color as per requirement.

To get started with CSS and speed up development process, you can use following resource:

Thanks.