Jump to content

Color change not taking effect in site styles.

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

.user-items-list-simple[data-section-id="633c3edf33179f0db1580c64"] .list-item[data-is-card-enabled="true"] {
	background: red;

The code above is good if you want to modify background color for this specific section. The one below is if you want to change the variable overall:

:root {
    --list-section-simple-card-color: red;


Jozsef Kerekes - Front-end developer and Squarespace enthusiast
My Blog: https://ui-workarounds.com
If you like my answer, please give me an upvote/like. Highly appreciated.



Link to comment
8 hours ago, Celeste_Woodside said:

@joseph81 you are brilliant.  Thank you! 

Follow up question. 🙂 What about the color of the buttons and text on the cards?  Those changes also not applying....

Use this code for button text

.user-items-list-item-container[data-section-id="633c3edf33179f0db1580c64"] a.list-item-content__button {
    background-color: violet !important;
    color: green !important;
.user-items-list-item-container[data-section-id="633c3edf33179f0db1580c64"] p {
    color: gray;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.