AaronLaddOnSquarespace Posted July 12, 2022 Posted July 12, 2022 Site URL: https://www.focusnutritionus.com/ I'm building a website for a client and this is absolutely insane. I cannot for the life of me find out how to change individual "add to cart" buttons colors. I have three product blocks with add to cart buttons that need to be on the same section for some plans the website is advertising. I cannot find the code or keywords to change only a single product's add to cart button color, which does not seem like a reasonable limitation from the web builder. I've tried using the block ID for the specific product but it completely breaks the buttons design instead, as if it doesn't follow the same CSS rules as any other block.
AaronLaddOnSquarespace Posted July 12, 2022 Author Posted July 12, 2022 To specify, I want them to all be different colors for "START PROGRAM NOW" or "SIGN UP NOW" - the button on the far right is just that, a regular button. The button in the middle is the button I have applied site-wide CSS to but it changes ALL Add to Cart buttons to that style.
Solution creedon Posted July 12, 2022 Solution Posted July 12, 2022 Here is some example CSS. .primary-button-style-solid .site-wrapper #block-yui_3_17_2_1_1657607972117_327082 .sqs-button-element--primary { background-color : green; } .primary-button-style-solid .site-wrapper #block-yui_3_17_2_1_1657607972117_74694 .sqs-button-element--primary { background-color : blue; } Let us know how it goes. Begona and AaronLaddOnSquarespace 2 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
AaronLaddOnSquarespace Posted July 12, 2022 Author Posted July 12, 2022 Worked perfectly! Thankyou very much for the help, @creedon. It is very much appreciated 😄 creedon 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment