"Change colour of accordions" (#2089277) / CodexThemes

Comments

The_Big_P started the conversation
July 22, 2019 at 11:40am
Hi,
There seems to be no option for custom colours for accordions. Is there any way round this?
4,803
Michael replied
July 22, 2019 at 11:50am
HI!
Custom color can be applied only using custom CSS, specify a link to the page where the element you need is located and we will provide you with this code.
The_Big_P replied privately

4,803

Michael replied

July 22, 2019 at 12:47pm

pls. use following css:

body.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #aaa;
}
body.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #888;
}

The_Big_P replied
July 22, 2019 at 4:20pm
Thanks for that...
I've also managed to change Icons, but can't seem to change the + /- control
The following doesn't seem to work:
body.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-controls-icon {
color: #ffffff;
}

4,803

Michael replied

July 23, 2019 at 7:46am

HI!

pls. use following css:

.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-controls-icon::before, 
.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-controls-icon::after {
    border-color: #fff !important;
}