primeglobalfitness Posted December 8, 2022 Share Posted December 8, 2022 How do you change the font of the add to cart button and product page in general? Thank you in advance Link to comment
Beyondspace Posted December 8, 2022 Share Posted December 8, 2022 57 minutes ago, primeglobalfitness said: How do you change the font of the add to cart button and product page in general? Thank you in advance Can you share your site with the protected password so I can take a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
primeglobalfitness Posted December 8, 2022 Author Share Posted December 8, 2022 the link : https://www.primefitnessglobal.com/preworkout/p/all-black-everything-abe-pre-workout-sb3xr-j6bnz-lsany-72t9x Link to comment
Beyondspace Posted December 8, 2022 Share Posted December 8, 2022 (edited) 29 minutes ago, primeglobalfitness said: the link : https://www.primefitnessglobal.com/preworkout/p/all-black-everything-abe-pre-workout-sb3xr-j6bnz-lsany-72t9x Try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { /*Add to card style on mobile*/ .sqs-add-to-cart-button-inner { font-family: arial; /*font name*/ font-size: 20px; /*size of text*/ } /*Title of variant*/ .variant-option-title { font-size: 20px; } /*Quantity label*/ .quantity-label { font-size: 20px; } /*style for flavour dropdown*/ .product-details .variant-select-wrapper:before { font-size: 20px; } .variant-select-wrapper[data-text="Select Flavour"] { display: flex; justify-content:center; align-items: center; } .product-details .variant-select-wrapper:after { height: 0.5rem; width: 0.5rem; } } Edited December 8, 2022 by Beyondspace BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
primeglobalfitness Posted December 8, 2022 Author Share Posted December 8, 2022 Yes that works for only on mobile view and for add to cart but how do i change the select flavour and quantity box Link to comment
Beyondspace Posted December 8, 2022 Share Posted December 8, 2022 You can try my above code again BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
primeglobalfitness Posted December 8, 2022 Author Share Posted December 8, 2022 How do i change the font ? and make it so it shows on desktop as well as mobile. Thanks Link to comment
primeglobalfitness Posted December 8, 2022 Author Share Posted December 8, 2022 How do i change the font ? and make it so it shows on desktop as well as mobile. Thanks Link to comment
Beyondspace Posted December 9, 2022 Share Posted December 9, 2022 You can use the font-family as I shared before BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. 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