yelahisabelle Posted December 9, 2023 Share Posted December 9, 2023 Trying to style an add to cart button link that I've added to a page via code block. I'd like it to fit 100% of the block. Here is the button code: <div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-button-element--primary use-form" role="button" tabindex="0" data-dynamic-strings="" data-collection-id="6572542e6741e618d3915718" data-item-id="6572542e6741e618d3915717" data-product-type="1" data-use-custom-label="false" data-original-label="Add To Cart" data-form="{"id":"6573cc3995a7545509728421","name":"Squarespace 7.1 Template","fields":["{\"type\":\"radio\",\"id\":\"radio-yui_3_17_2_1_1702087157555_8742\",\"locked\":false,\"title\":\"This template is only available for Squarespace 7.1\",\"description\":\"\",\"options\":[\"Got it!\"],\"required\":true,\"radio\":true}","{\"type\":\"email\",\"id\":\"email-yui_3_17_2_1_1702087157555_11334\",\"locked\":false,\"title\":\"What is the email address associated with your Squarespace account?\",\"description\":\"This is the address I will send the template to.\",\"placeholder\":\"email@emailaddress.com\",\"required\":true,\"email\":true}","{\"type\":\"radio\",\"id\":\"radio-yui_3_17_2_1_1702087157555_15900\",\"locked\":false,\"title\":\"Your Template will be sent to you as a new website with a 6 month free trial on Squarespace\",\"description\":\"\",\"options\":[\"I understand!\"],\"required\":true,\"radio\":true}","{\"type\":\"text\",\"id\":\"text-yui_3_17_2_1_1702087157555_20287\",\"locked\":false,\"title\":\"What will your website URL be?\",\"description\":\"I love to see what you create with my designs! (optional)\",\"placeholder\":\"\",\"required\":false,\"text\":true}"],"parsedFields":[],"submitButtonText":"Submit","submissionMessage":"{\"html\":\"Thank you!\"}","disclaimerMessage":"null","successRedirect":"","captchaEnabled":false,"captchaTheme":1,"captchaAlignment":1}" id="yui_3_17_2_1_1702087758200_409"> <div class="sqs-add-to-cart-button-inner">Add To Cart</div> </div> Thank you! Link to comment
tuanphan Posted December 11, 2023 Share Posted December 11, 2023 Can you share link to page where you added this code? 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
yelahisabelle Posted December 11, 2023 Author Share Posted December 11, 2023 55 minutes ago, tuanphan said: Can you share link to page where you added this code? It's https://brass-olive-533z.squarespace.com/brooke-website-template 🙂 Link to comment
tuanphan Posted December 12, 2023 Share Posted December 12, 2023 Add this code to Code Block <style> .code-block .sqs-add-to-cart-button { min-width: 200px; } </style> LeauxFi 1 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment