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
TheSquareSpacer 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 Get Our MultiCurrency Extension for Your Site (7.0 & 7.1) Feel free to reach out for help and projects! The Squarespacer Limited 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
TheSquareSpacer 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 Get Our MultiCurrency Extension for Your Site (7.0 & 7.1) Feel free to reach out for help and projects! The Squarespacer Limited 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
TheSquareSpacer Posted January 10 Share Posted January 10 @niteshifte Share the URL for "Sold Out" stock product niteshifte 1 Get Our MultiCurrency Extension for Your Site (7.0 & 7.1) Feel free to reach out for help and projects! The Squarespacer Limited 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 TheSquareSpacer 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 🙂 Get Our MultiCurrency Extension for Your Site (7.0 & 7.1) Feel free to reach out for help and projects! The Squarespacer Limited 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