Need help changing background color on FAQ accordian boxes

[stephwiley]

Hi, I am trying to change the color of the background on our faq accordian boxes to match our current blue (as shown in website header): 23BFD0. I've been able to change the text color to white, but haven't figured out how to change the blue. Please see screenshot. 

Current theme is Fresh

website: tommyscookieco.com/pages/faq

[stephwiley]

Thanks for your help. I tried it but it didn't change the color. I went into the inspect section to see if I could find out the class but I haven't been able to figure it out. 

[simontomkins]

Hey Steph!

Try this bit of CSS:

main .accordion--faq-wrapper .accordion-container .accordion-content summary,
main .accordion--faq-wrapper .accordion-container .accordion-content .Faq_Content {
	background: #23bfd0;
}

Go to Shopify Admin > Online Store > Themes > Customize > Theme settings. Add the CSS in the Custom CSS section and click Save.

Hopefully that works.

Cheers,

Simon

[Dan-From-Ryviu]

Please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.

accordion--faq-wrapper .accordion-container .accordion-content {
    background-color: #23BFD0 !important;
}

[namphan · Accepted solution]

Hi @stephwiley,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.accordion--faq-wrapper .accordion-container .accordion-content {
    background-color: var(--header-background) !important;
}

result:

[stephwiley]

thank you so much! it worked - really appreciate the help.

[namphan]

Hi @stephwiley,

You're welcome and happy to help 😊