All Collections
Design your site
Custom CSS
Change the title background color of the accordion section
Change the title background color of the accordion section
Cliff Vicente avatar
Written by Cliff Vicente
Updated over a week ago

Accordion Section is a vertically stacked header that you can click on to reveal/hide the contents.

You can change the background color of the header/title by following the steps below:

  1. On the left panel click on Styling

  2. Click Edit site CSS

  3. Enter the following codes:

.accordion-blue-tone .accordion-wrapper .section-accordion .accordion-item .label 
{
cursor: pointer;
display: flex;
background-color: #2196F3;
}

4. Click on Save then Done

5. Click on the Accordion Section

6. On the left navigation pane, scroll down until you can see CSS classes

7. Enter the following code under CSS classes:

accordion-blue-tone

8. Click on Done Editing Section

Did this answer your question?