mprDesigns Posted April 27, 2022 Share Posted April 27, 2022 (edited) Site URL: https://www.millicentharvey.art/ https://www.millicentharvey.art/new-products PW - Photo2022 Hello! The "Sale" tags on the shop pages are not on brand - how can I adjust them to match the purple buttons I have on the rest of the website? I tried the code presented here with no success: https://insidethesquare.co/squarespace-tutorials/sales-stickers https://drive.google.com/file/d/1GKVRh8OsV7_XsrwESRWJua1Mv9a-qQEH/view I also found this: https://www.heathertovey.com/blog/change-default-text-labels/ which worked great but doesn't effect the colors or shape - only the words. Edited April 27, 2022 by mprDesigns update Link to comment
Beyondspace Posted April 27, 2022 Share Posted April 27, 2022 1 hour ago, mprDesigns said: Site URL: https://www.millicentharvey.art/ https://www.millicentharvey.art/new-products PW - Photo2022 Hello! The "Sale" tags on the shop pages are not on brand - how can I adjust them to match the purple buttons I have on the rest of the website? I tried the code presented here with no success: https://insidethesquare.co/squarespace-tutorials/sales-stickers https://drive.google.com/file/d/1GKVRh8OsV7_XsrwESRWJua1Mv9a-qQEH/view I also found this: https://www.heathertovey.com/blog/change-default-text-labels/ which worked great but doesn't effect the colors or shape - only the words. Do you mean changing the color of the sale tag on product page? mprDesigns 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget 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
mprDesigns Posted April 27, 2022 Author Share Posted April 27, 2022 9 minutes ago, bangank36 said: Do you mean changing the color of the sale tag on product page? yes, i'd like the Sale and Sold Out tags to match the Add To Cart button in color and shape. Link to comment
Beyondspace Posted April 27, 2022 Share Posted April 27, 2022 Try adding to Home > Design > Custom Css #productList .product .product-mark, #productDetails .product-mark { background: #330066; } Let me know how it works on your site mprDesigns 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget 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
Beyondspace Posted April 27, 2022 Share Posted April 27, 2022 My testing mprDesigns 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget 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
mprDesigns Posted April 27, 2022 Author Share Posted April 27, 2022 (edited) 7 minutes ago, bangank36 said: Try adding to Home > Design > Custom Css #productList .product .product-mark, #productDetails .product-mark { background: #330066; } Let me know how it works on your site it works! Thanks. it finally matches!! Is there any way to adjust the shape of the tag? Edited April 27, 2022 by mprDesigns Link to comment
Beyondspace Posted April 27, 2022 Share Posted April 27, 2022 8 minutes ago, mprDesigns said: it works! Thanks. it finally matches!! Is there any way to adjust the shape of the tag? You can try adding padding: 15px; to my previous code BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget 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
mprDesigns Posted April 28, 2022 Author Share Posted April 28, 2022 20 hours ago, bangank36 said: You can try adding padding: 15px; to my previous code That changed the overall size of the purple area of the button but not the shape Link to comment
2Eyeballs Posted November 21 Share Posted November 21 @Beyondspace I am also using 7.0 and trying to change the color of the sale tag. I plugged it into my css and it worked once, but then stopped working. My page is https://www.elizabethhayt.net/cybermonday23 password: SALE25 thank you for any help'! Link to comment
2Eyeballs Posted November 21 Share Posted November 21 36 minutes ago, 2Eyeballs said: @Beyondspace I am also using 7.0 and trying to change the color of the sale tag. I plugged it into my css and it worked once, but then stopped working. My page is https://www.elizabethhayt.net/cybermonday23 password: SALE25 thank you for any help'! I specifically got your code to work for the individual products, but how can I make it apply to all products on a page? I tried this code to try to change the color of the sale price only, but it doesn't work: #product-price .visually-hidden .v6-visually-hidden { color: #dc9395 !important; } Beyondspace 1 Link to comment
Beyondspace Posted November 22 Share Posted November 22 10 hours ago, 2Eyeballs said: I specifically got your code to work for the individual products, but how can I make it apply to all products on a page? I tried this code to try to change the color of the sale price only, but it doesn't work: #product-price .visually-hidden .v6-visually-hidden { color: #dc9395 !important; } I saw you add the background for all sale tag already? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget 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