oliviapaulson Posted October 23, 2019 Share Posted October 23, 2019 Hi, I'm trying to style a product block on one of my pages and currently have just the "add to cart" feature being displayed, but the button is very small and I'd like to make it bigger. Does anyone know how to add padding/make font bigger on the buttons (that are technically part of a product item) The link to my site is fpg.com/masterclass if anyone needs that. Link to comment
paul2009 Posted October 23, 2019 Share Posted October 23, 2019 If you want to make all the Product Block buttons larger, you can use something like this in Custom CSS, changing the values to suit your needs: .product-block .sqs-add-to-cart-button { padding: 2em 3.5em!important; } Note also that you have errors in your header injection. The first of which is a missing </script> tag. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
oliviapaulson Posted October 23, 2019 Author Share Posted October 23, 2019 Thank you so much for the help with the styling, that worked perfectly. As for the missing </script> is that in the custom CSS panel or somewhere else? Link to comment
tuanphan Posted October 23, 2019 Share Posted October 23, 2019 @oliviapaulson Home > Settings > Advanced > Code Injection > Header Your code <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-144028198-1'); <script> It should be <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-144028198-1'); </script> 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
oliviapaulson Posted October 23, 2019 Author Share Posted October 23, 2019 Thank you- if anyone sees any other errors in my code, please let me know, most of what I've used is what i've found online and there may be things that could be done more efficiently/better and I'd have no idea. Link to comment
paul2009 Posted October 23, 2019 Share Posted October 23, 2019 4 hours ago, oliviapaulson said: most of what I've used is what i've found online and there may be things that could be done more efficiently/better and I'd have no idea. Olivia It concerns me that you may be using code you don't understand. If that's the case, please consider getting help from an expert who you can trust, rather than from forums like this. Adding JavaScript (anything with a <script> tag in it) can expose your website to security and performance risks, including malicious code and surreptitious tracking. In summary, if you don't understand the code, please don't use it. There’s no guarantee that a script is doing what you think it is. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.