Jump to content

Colour change code for accordion

Go to solution Solved by WCS,

Recommended Posts

Hi brains trust,

I have tried changing the colour profile of an accordion in one of my courses but it keeps reverting back to original settings for some reason. 

Could someone assist please with correct CSS to change accordion description text to white (on my brown background).

It's behind a paywall so attached is a screenshot of IDs and my attempted CSS.  The site is: https://www.firstpeoplesleading.com.au/

Screen Shot 2024-03-02 at 9.35.13 am.png

Screen Shot 2024-03-02 at 9.34.22 am.png

Link to comment
  • Solution

@Callan The CSS for this should be:

#block-yui_###### .accordion-item__description{
  color: white !important

Is that what you were using previously?

Sometimes CSS doesn't display on the backend unless you save, leave the Custom CSS window, refresh, and then go back in. 


Did we help? Click 👍 or mark it as the solution! This helps others find the answers they need. 

Meghan, Owner of Westerly Creative Studio
👩‍💻 🍪  Need a low-cost website policies + cookie banner? Termageddon makes it easy.  Get 10% off your first year! (< affiliate link) 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.