For some reason my Sold Out sticker is different sizes depending on the product title on category pages (see attached graphic).
I have a bit of custom CSS for styling but even with that removed the text ("Sold Out") sometimes breaks into two lines and sometimes it doesn't. I can hack about CSS to get stuff to do what I want most of the time in Squarespace but this layout seems to be using flexbox which I just can't get my head around with regards to how to force my sticker to be the same size on every product. I've tried all manner of CSS things on the sticker itself but nothing seems to work.
I want it to break into two lines for all products.
Question
ColinB
Site URL: https://encore-refresh.squarespace.com/shop/reduced
Hello
For some reason my Sold Out sticker is different sizes depending on the product title on category pages (see attached graphic).
I have a bit of custom CSS for styling but even with that removed the text ("Sold Out") sometimes breaks into two lines and sometimes it doesn't. I can hack about CSS to get stuff to do what I want most of the time in Squarespace but this layout seems to be using flexbox which I just can't get my head around with regards to how to force my sticker to be the same size on every product. I've tried all manner of CSS things on the sticker itself but nothing seems to work.
I want it to break into two lines for all products.
Thanks in advance
https://encore-refresh.squarespace.com/shop/reduced
Password: golfballs
Link to comment
Top Posters For This Question
1
1
3
Popular Days
Jan 26
1
Jan 19
1
Jan 20
1
Jan 21
1
Top Posters For This Question
tuanphan 1 post
bangank36 1 post
ColinB 3 posts
Popular Days
Jan 26 2022
1 post
Jan 19 2022
1 post
Jan 20 2022
1 post
Jan 21 2022
1 post
Popular Posts
bangank36
Try adding to Home > Design > Custom Css section[data-section-id="6188c24cd1135778c730ad0a"] .product-mark{ max-width: 60px; width: 100%; } Let me know how it works on your site S
Posted Images
4 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment