GraemeArmstrong Posted October 3, 2021 Share Posted October 3, 2021 Site URL: https://khuramanarmstrong.com I would like to change the default "Sale" icon in the Store page to match how it appears in a Summary block (see screenshots attached). Any code suggestions please? Link to comment
Beyondspace Posted October 3, 2021 Share Posted October 3, 2021 4 hours ago, GraemeArmstrong said: Site URL: https://khuramanarmstrong.com I would like to change the default "Sale" icon in the Store page to match how it appears in a Summary block (see screenshots attached). Any code suggestions please? Can you give us the direct link to the image you uploaded above? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 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
GraemeArmstrong Posted October 3, 2021 Author Share Posted October 3, 2021 The desired Sale icon format and placement can be seen in the Featured Products summary block on https://www.khuramanarmstrong.com/endarc-zen The Store format, where I want to change the Sale icon, can be seen here https://www.khuramanarmstrong.com/endarc-store Link to comment
tuanphan Posted October 6, 2021 Share Posted October 6, 2021 On 10/4/2021 at 6:17 AM, GraemeArmstrong said: The desired Sale icon format and placement can be seen in the Featured Products summary block on https://www.khuramanarmstrong.com/endarc-zen The Store format, where I want to change the Sale icon, can be seen here https://www.khuramanarmstrong.com/endarc-store The second url doesn't exist 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
GraemeArmstrong Posted October 6, 2021 Author Share Posted October 6, 2021 Sorry it's now https://www.khuramanarmstrong.com/endarc-zen-store Link to comment
tuanphan Posted October 7, 2021 Share Posted October 7, 2021 On 10/6/2021 at 1:34 PM, GraemeArmstrong said: Sorry it's now https://www.khuramanarmstrong.com/endarc-zen-store Try adding to Design > Custom CSS .product-mark.sale { positioN: absolute; top: 5px; right: 5px; background-color: black; color: white !important; padding: 10px; } 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
GraemeArmstrong Posted October 7, 2021 Author Share Posted October 7, 2021 Awesome. Thanks. Just need to correct the uppercase N in "position" on the second row. Link to comment
tuanphan Posted October 10, 2021 Share Posted October 10, 2021 On 10/6/2021 at 1:34 PM, GraemeArmstrong said: Sorry it's now https://www.khuramanarmstrong.com/endarc-zen-store The url doesn't exist now.. 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