How can I make the 'Sold Out' button more visible in the Brooklyn Theme?

[Danell]

How do I change the colour of that “SOLD OUT” button so that it can be more visible?

[DigitalArtisans]

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

[dmwwebartisan]

@Danell

Please share your shop URL !

Thanks!

[Danell]

On the sale tag but not on the “out of stock tag”

Any Advice?

[dmwwebartisan]

@Danell

Please share web shop URL ! I help you.

Thanks!

[Danell]

https://brown-design-group-concept-store.myshopify.com/password

password: 1234

[dmwwebartisan]

@Danell

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!

[Danell]

THANK YOU SO MUCH!!!

It worked 100%

[lucdesa]

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.