AJeans Posted February 13 Share Posted February 13 @tuanphan Is anyone able to help me figure out how to adjust the spacing in the Add-On Product Section? The "Select a Size" width seems too large, and "Add to Estimate" width is obviously too small. I've tried playing with padding but have had no luck. It looks great on mobile, but desktop needs some work! Thanks! Link to comment
tuanphan Posted February 15 Share Posted February 15 Can you share link to this product? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
AJeans Posted February 15 Author Share Posted February 15 @tuanphan Here's a link for a test product https://lockandmortice.squarespace.com/store-tests/p/country-feast-set-3nybt-79cby Link to comment
Solution tuanphan Posted February 18 Solution Share Posted February 18 Add this code to Website > Website Tools > Custom CSS (it will affect all products) #page .ProductItem-details-checkout .product-variants { max-width: 150px !important; flex: unset !important; } #page .ProductItem-details-checkout .sqs-add-to-cart-button-wrapper { min-width: 150px !important; } Add this code to Additional Info > Code Block > If you want code affect specific product only <style> #page .ProductItem-details-checkout .product-variants { max-width: 150px !important; flex: unset !important; } #page .ProductItem-details-checkout .sqs-add-to-cart-button-wrapper { min-width: 150px !important; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
AJeans Posted February 21 Author Share Posted February 21 Thanks @tuanphan -- in case anyone else follows up on this in the future. Your code worked great, but it altered the spacing for regular products AND add-on products. I adjusted it slightly to target just the add on product, without impacting the regular product. tuanphan 1 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