Change [+] and [-] signs in the Accordion (CSS/JS)

Hi,
How can I change the [+] and [-] signs in the Accordion to white? They are now gray and hard to see. Thank you for your help

.vc_tta-panel-title {
background-color: #778899;
}
.vc_tta-title-text {
color: white;
}
.wpb-js-composer .vc_tta.vc_general .vc_active .vc_tta-panel-title {
background-color:#C41E3A;
}

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, 
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: white!important;
}

Best Regards

Thank you! all worked, it is perfect now!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts