Re: DAWN Theme Collapsible Content Background Color (FAQ Page)

Solved

DAWN Theme Collapsible Content Background Color (FAQ Page)

myKidsLounge
Excursionist
27 1 5

Hi there, 

 

On our FAQ page I have added the collapsible content block. However, I would like the background color of the tabs in a different color ---> #ECE1D7

 

Currently it is looking like this: 

 

Bildschirmfoto 2022-08-02 um 09.11.44.png

 

Looking forward to your help! 

 

Best regards, 

Daniel 

Accepted Solution (1)
Farouk-dev
Shopify Partner
146 24 28

This is an accepted solution.

Try this...
 

1. Go to Online Store-> Theme->Edit code

2. Asset-> base.css ->paste the below code at the bottom of the file.

 

 

.collapsible-content .accordion.content-container.color-background-2.gradient {
--color-background: var(--color-base-background-2);
--gradient-background: #ECE1D7 !important;
}

 

If this message was helpful, please mark it as a solution and give it a thumbs up. For more theme customisations, just send me an email at kadduf6@gmail.com

View solution in original post

Replies 4 (4)

Farouk-dev
Shopify Partner
146 24 28

Hi @myKidsLounge,

 

Can you post the store URL?

If this message was helpful, please mark it as a solution and give it a thumbs up. For more theme customisations, just send me an email at kadduf6@gmail.com
myKidsLounge
Excursionist
27 1 5

Hi @Farouk-dev

 

Please see the preview link below: 

 

https://j30xvr8n82a2e1vl-57866322085.shopifypreview.com

Farouk-dev
Shopify Partner
146 24 28

This is an accepted solution.

Try this...
 

1. Go to Online Store-> Theme->Edit code

2. Asset-> base.css ->paste the below code at the bottom of the file.

 

 

.collapsible-content .accordion.content-container.color-background-2.gradient {
--color-background: var(--color-base-background-2);
--gradient-background: #ECE1D7 !important;
}

 

If this message was helpful, please mark it as a solution and give it a thumbs up. For more theme customisations, just send me an email at kadduf6@gmail.com

Anty221
Tourist
16 0 2

Hello.

 

I've been struggling to create a decent accordion-style FAQ page.

How did you create yours if you don't mind me asking?

 

I'd be grateful if you could share instructions/pieces of code.

 

Thank you