Claire_auck Posted March 9, 2022 Share Posted March 9, 2022 Site URL: https://deborah-bailey.squarespace.com/shop/p/inside-out-book When I add a product to the cart, the button size is really narrow. Any ideas how to fix this? https://deborah-bailey.squarespace.com/shop/p/inside-out-book Pa33word Thanks! Link to comment
Jia Posted March 10, 2022 Share Posted March 10, 2022 9 hours ago, Claire_auck said: Site URL: https://deborah-bailey.squarespace.com/shop/p/inside-out-book When I add a product to the cart, the button size is really narrow. Any ideas how to fix this? https://deborah-bailey.squarespace.com/shop/p/inside-out-book Pa33word Thanks! Hi, try adding this code to custom css (Design > Custom CSS) and let me know how it goes 🙂 .sqs-add-to-cart-button { width: auto !important; } Please give this a 👍 if it helps www.sevenstars.studiowww.instagram.com/sevenstars.studio Link to comment
Claire_auck Posted March 10, 2022 Author Share Posted March 10, 2022 16 hours ago, Jia said: Hi, try adding this code to custom css (Design > Custom CSS) and let me know how it goes 🙂 .sqs-add-to-cart-button { width: auto !important; } Hi @Jia Thanks for your reply 🙂 I add the code but it's still the same. Just so you know, I am also using code to adjust the initial add to cart button. .ProductItem-details .sqs-add-to-cart-button-wrapper { width: 90%; } Any more thoughts? Cheers Claire. Link to comment
rf_residentia Posted March 11, 2022 Share Posted March 11, 2022 You can try also adding a minimum width: .sqs-add-to-cart-button { width: auto !important; min-width: 68% !important; } Claire_auck 1 Link to comment
Solution Jia Posted March 11, 2022 Solution Share Posted March 11, 2022 7 hours ago, Claire_auck said: Hi @Jia Thanks for your reply 🙂 I add the code but it's still the same. Just so you know, I am also using code to adjust the initial add to cart button. .ProductItem-details .sqs-add-to-cart-button-wrapper { width: 90%; } Any more thoughts? Cheers Claire. I checked in the inspector and it seems that the width is not being read, but adding the !important tag fixed it. Try this: .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { width: 100% !important; } Claire_auck 1 Please give this a 👍 if it helps www.sevenstars.studiowww.instagram.com/sevenstars.studio Link to comment
Claire_auck Posted March 13, 2022 Author Share Posted March 13, 2022 On 3/11/2022 at 7:15 PM, Jia said: I checked in the inspector and it seems that the width is not being read, but adding the !important tag fixed it. Try this: .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { width: 100% !important; } Amazing, that worked a treat...thanks!!!! Jia 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