customize accordions color in visual composer

This topic has 8 replies, 2 voices, and was last updated 8 years by Laura.

Author

Tagged: H
July 22, 2016 at 17:41 #129838

alvin.cosio
Participant

i need to customize accordions color in visual composer. please help

July 24, 2016 at 22:14 #129983

Laura
Moderator

Hello, can you explain a bit more what do you need? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

July 25, 2016 at 18:58 #130128

alvin.cosio
Participant

I need to change accordion header custom styling. please see my screenshot

Attachments:
You must be logged in to view attached files.
July 26, 2016 at 18:05 #130269

Laura
Moderator
Hello, to change background color and text color use this
COPY CODE
```
.vc_tta-color-mulled-wine.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: red !important;
    color:white;
}
```
Add it to style.css of child theme 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
July 27, 2016 at 01:04 #130337

alvin.cosio
Participant

don’t worked for me. but i got it by editing the js.composer.min.css.

Thanks!

July 27, 2016 at 22:56 #130455

Laura
Moderator

Glad you could resolve it. But remember do the changes at child theme, not main theme.
Copy the file and paste it at the child theme, following the same path of folders so it looks like a mirror and do the changes at child theme. If not, in a future theme update, your changes could be lost

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

July 27, 2016 at 22:59 #130457

alvin.cosio
Participant

i follow your instruction above after i paste the code it didn’t change the header color of accordion. if you could look it again so i will not edit the main theme.

July 27, 2016 at 23:00 #130458

alvin.cosio
Participant

This reply has been set as private.

July 28, 2016 at 20:21 #130562

Laura
Moderator

Hello, just place the file you edited at the child theme folder to keep it safe 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
Author

Posts