niteshifte Posted January 10 Share Posted January 10 Hi there, What code would I need to use to customise the 'Sold Out', 'Only x Available' text. They are currently different weights, size and colour and I'd like to make them both consistent. Ie Bold, Red and same size. https://daisy-chiton-7gh8.squarespace.com/shop/p/12-pubs-of-cork-calendar Thanks a million for all your help! Link to comment
SQSPStarter Posted January 10 Share Posted January 10 (edited) Hi @niteshifte This code will do the job for you .products.collection-content-wrapper .product-scarcity { color: red !important; font-size: 24px !important; /* play with font size here */ font-weight: 600 !important; /* play with font weight here */ } Let me know how it goes 🙂 Edited January 10 by TheSquareSpacer Missed a semi-colon Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
niteshifte Posted January 10 Author Share Posted January 10 thanks as always!! I am getting a syntax error however with that code? Link to comment
SQSPStarter Posted January 10 Share Posted January 10 1 minute ago, niteshifte said: thanks as always!! I am getting a syntax error however with that code? Try the code now. I missed a semi-colon before 😞 niteshifte 1 Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
niteshifte Posted January 10 Author Share Posted January 10 So that worked for the stock level but not for the Sold Out text. Is it possible to make it work for both? thank you!! Link to comment
SQSPStarter Posted January 10 Share Posted January 10 @niteshifte Share the URL for "Sold Out" stock product niteshifte 1 Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
niteshifte Posted January 10 Author Share Posted January 10 https://daisy-chiton-7gh8.squarespace.com/shop/p/12-pubs-of-cork-calendar Link to comment
Solution SQSPStarter Posted January 10 Solution Share Posted January 10 This code will work for you: .sold-out .product-details .product-mark.sold-out { color: red !important; font-size: 24px !important; /* play with font size here */ font-weight: 600 !important; /* play with font weight here */ } Let me know how it goes 🙂 Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
niteshifte Posted January 10 Author Share Posted January 10 Incredible as always! Thank you so so much! 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