LucyBold Posted November 24, 2023 Share Posted November 24, 2023 Hello! I will like to make the Add to Bag button the same width as the product image above it on this page https://www.lacalifornie.es. On desktop and mobile view. A reference of what I want to achieve https://www.lacalifornie.es/all Thanks in advance! Link to comment
Ziggy Posted November 24, 2023 Share Posted November 24, 2023 Try this Custom CSS: body:not(.button-style-default) .sqs-add-to-cart-button, body.button-style-default .sqs-add-to-cart-button { max-width: 100%; } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
LucyBold Posted November 24, 2023 Author Share Posted November 24, 2023 Hello @Ziggy, thanks for your response. I added your code and apparently nothing changes. Link to comment
tuanphan Posted November 26, 2023 Share Posted November 26, 2023 @LucyBold You mean add to cart button on this product page? https://www.lacalifornie.es/all/p/wdahwa6exwwnb2y-ed5ns 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
LucyBold Posted November 26, 2023 Author Share Posted November 26, 2023 Hi @tuanphan! I am referring the Add to Bag button in this page: https://www.lacalifornie.es Link to comment
Solution Web_Solutions Posted November 26, 2023 Solution Share Posted November 26, 2023 1 hour ago, LucyBold said: Hi @tuanphan! I am referring the Add to Bag button in this page: https://www.lacalifornie.es Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. .product-block .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button{ display: block !important; } Kobir and tuanphan 2 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
LucyBold Posted November 26, 2023 Author Share Posted November 26, 2023 great! thanks so much @Web_Solutions 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