BTD Posted June 27, 2022 Share Posted June 27, 2022 Site URL: https://degriolaw.squarespace.com/ I need help making the last card a different color. Any help with the css for this? I am assuming it will be a nth-child situation but not sure how that works. Thank you in advanced Link to comment
creedon Posted June 27, 2022 Share Posted June 27, 2022 (edited) Add the following to Design > Custom CSS. .user-items-list-simple[data-section-id="62b0b053a38c096cf2f2b143"] .list-item:last-child { background-color : red; } .user-items-list-simple[data-section-id="62b0b053a38c096cf2f2b143"] .list-item:last-child .list-item-content__button.sqs-block-button-element.sqs-block-button-element--medium.sqs-button-element--primary { background-color : green; color : blue; } You'll need to refine it to achieve what effect you want. Let us know how it goes. Edited June 27, 2022 by creedon version 2 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
BTD Posted June 27, 2022 Author Share Posted June 27, 2022 Its perfect!! last child, gah I was making it harder than it was! Thank you!!! Link to comment
BTD Posted June 27, 2022 Author Share Posted June 27, 2022 Now what if I wanted to change the color of that button? and Text? I tried this .user-items-list-simple[data-section-id="62b0b053a38c096cf2f2b143"] .list-item-content__button { background-color: #fff; } Didnt work -- thank you Link to comment
Solution creedon Posted June 27, 2022 Solution Share Posted June 27, 2022 Quote Now what if I wanted to change the color of that button? and Text? I have updated my post. I suggest not using !important unless absolutely necessary. I didn't need it when testing the code. Using it when not needed can cause confusion and maintenance issues down the road. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment