Color change not taking effect in site styles.

Site URL: http://www.theuselesscrafter.com/together-we-craft-xoxo-craftgirls

Hi!  I am trying to change the background color of cards in site styles and the color will not change.  I have saved and refreshed and nothing is happening. Help! 🙂

.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;
}

@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....

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;
}