niteshifte Posted October 1 Share Posted October 1 Site URL: https://www.peterotoole.ie I'd like to customise this 'SOLD OUT' message on the products which are on the homepage. I'd prefer if it was simply text underneath the price at the bottom. Ideally Red and Bold text. Thanks very much! https://www.peterotoole.ie Link to comment
Ziggy Posted October 2 Share Posted October 2 Try this Custom CSS: .product-block .image-container .product-mark { position: relative; top: auto; right: auto; background: none; text-align: center; } niteshifte 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
niteshifte Posted October 2 Author Share Posted October 2 3 minutes ago, Ziggy said: Try this Custom CSS: .product-block .image-container .product-mark { position: relative; top: auto; right: auto; background: none; text-align: center; } Thanks very much for that, is there a way to move it down to below the price instead? Link to comment
Ziggy Posted October 2 Share Posted October 2 The sold out label is in the wrong container to make it easy to place below the title and price. niteshifte 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
niteshifte Posted October 2 Author Share Posted October 2 2 hours ago, Ziggy said: The sold out label is in the wrong container to make it easy to place below the title and price. No worries, i see what you mean. If I wanted to remove it entirely, what kind of code would I need? Link to comment
Solution Ziggy Posted October 2 Solution Share Posted October 2 Add this property inside the previous code: display:none; Like this: .product-block .image-container .product-mark { display:none; } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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