Change background color of collapsible rows

[isabellemaria]

Hi there,

I added a new page to my faq section (https://taneraskin.com/pages/faq-peeling-handschuh), and I am wondering why it doesn't look like the other ones...

Old (goal): https://taneraskin.com/pages/faq-hautvertraglichkeit 

New: https://taneraskin.com/pages/faq-peeling-handschuh 

I think a while ago I changed something about the layout to get more space between the sections and change the background. When I go to Edit Theme (Dawn), the old and new section both have the same color scheme selected. Yet, the new page doesn't "accept" it. 

What can I do or where is the error that the new page looks like the old ones?

Best regards,

Isabelle

[Made4uo-Ribe]

Hi @isabellemaria 

Just clarification, do you like to make the new same on the old one right? 

check this one.

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.accordion {
    border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
    margin-bottom: 1.5rem;
    transform: perspective(0);
}
.collapsible-content summary {
    background: rgba(var(--color-foreground), .04);
    padding: 1.5rem;

}

And Save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[isabellemaria]

Thank you for your suggestion. It doesn't look like the screenshot of yours.

It looks like this: 

The text should be more to the right. The background should be also when the drop down is "down" and there should be white space between the questions, like I described above.

www.taneraskin.com 

[isabellemaria · Accepted solution]

Ok I solved it. What I needed to do was create a new "Vorlage" and connect the Seite to the Vorlage