Accordion Custom Color

pcouvignou · June 2017

Is there a way to apply a custom color (with hex code) to the ACCORDION color? Thanks!

Bryan · June 2017

Yes, but only with custom css. Send a link to the accordion page and we will help.
What do you want to change?

pcouvignou · June 2017

Here is the page: https://passport.ooligo.com/eiffel-tower-final-page/

I would like to change the Accordion color (under settings) to #d3cbc9.

I will need to recreate this same color accordion on several pages and may possibly change the color so any directions you can provide will be helpful. Thanks!

Bryan · June 2017

But which color do you want to change, the title background, title color, content background... ?

pcouvignou · June 2017

Title Background/ Accordion Tab Color: #D3CBC9

Title Color: #545358

Content Background #ffffff or "Do not Fill"

Gap 3px

Alignment LEFT

Autoplay - none

Allow collapse all - YES

Icon - none

Active Section - 0

Style - flat

Shape - square

Thank you!

Albert · June 2017

You still did not explained which color but arrows points to background so if this is what you mean, you can change this color with the following css:

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading { background: #000 !important; }

pcouvignou · August 2017

So I added the CSS but the color still is not changing. Here is what I have:

Bryan · August 2017

Please try to delete your browser cache.

pcouvignou · August 2017

Still did not work

Bryan · August 2017

Sorry but the link to your page is not working, please send me a link to this page.

pcouvignou · August 2017

Sorry - It was on maintenance.. please try again: https://oowigo.com/paris-welcome/accordion-test/

Bryan · August 2017

Try this custom css, I have checked it and it works

.wpb-js-composer .vc_tta-color-chino.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: red !important;
    background-color: red !important;
}

pcouvignou · August 2017

THANK YOU!!! It is finally working!

Accordion Custom Color

Comments