Shopify themes, liquid, logos, and UX
How do I change the colour of that "SOLD OUT" button so that it can be more visible?
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss .liquid file.
.grid-product__sold-out {
background-color: #FFF !important; /* to change the background color */
color: #000 !important; /* to change the text color */
border-color: #000 !important; /* to change the border color */
}
Thanks!
Hello @Danell !
You should be able to modify the colors for buttons within your theme's general settings (Online store > Themes > Customize theme > General Settings > Colors)
If this option does not exist on your Brooklyn Theme you will to change it within the CSS file of your theme.
This can be done by hiring a professional coding developer on a platform like Fiverr.com (very competitive rates).
Hope this helps!
Thanks,
Digital Artisans
On the sale tag but not on the "out of stock tag"
Any Advice?
Please share web shop URL ! I help you.
Thanks!
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss .liquid file.
.grid-product__sold-out {
background-color: #FFF !important; /* to change the background color */
color: #000 !important; /* to change the text color */
border-color: #000 !important; /* to change the border color */
}
Thanks!
THANK YOU SO MUCH!!!!
It worked 100%
Thank you so much, it worked perfectly! I needed to make more visible the "sold-out" stamp on the product pics, as the standard colour of the Brooklyn theme was basically invisible/useless with my background colour.
Please share your shop URL !
Thanks!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024