dtimepieces Posted February 18, 2023 Share Posted February 18, 2023 Hi all, I would like to display the reserved status as a custom label on the product page for all items tagged as reserved. Would really appreciate if anyone can provide the CSS code for that as I'm only on a personal plan. Thank you! Link to comment
iamdavehart Posted February 19, 2023 Share Posted February 19, 2023 OK, well you haven't provided much information here, but you do have some options. when you tag products in squarespace it creates a class on the main article element called tag-<yourtagnamehere>. this means that you can do something like this to add a label after your product title. article.tag-reserved h1.ProductItem-details-title::after { display:block; content:'reserved'; font-size:16px; padding:10px; background:grey; color:white; border-radius:5px; width:fit-content; line-height:100% } you can format it however you want by changing the css, but this should be enough to solve your problem. Dave Hart. Software/Technology Consultant living in London. buymeacoffee 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