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?