Different colors for accordion titles

Paulo Vasconcellos

• December 23, 2024 04:30
• Edited

I would like to build an accordion like the image above.
The first part (make the sliding text a different part was easy. I just had to put a column in the sliding part and set the background.
But how can a have different colors for each accordion title?
Thanks

0

• 

  Ariel H.

  • December 23, 2024 12:02

  Hi Paulo,  

  Thank you for reaching out to us.  

  Unfortunately, there is no option to change the background color of each individual accordion title. You can, however, modify the background and text color for the entire accordion, as shown in the example below:  

  

  Additionally, you can change the background color of the accordion titles using the following CSS:  

  .brz-accordion__nav {
      background-color: teal;
  }

  

  If you have any further questions, feel free to let us know.  

  Best regards,  
  Ariel H.  

  0

Please sign in to leave a comment.