New Shopify Certification now available: Liquid Storefronts for Theme Developers

Change the colour of sold out text for brooklyn theme

Solved
ftnup
Excursionist
11 1 0

Is there a way ( that has been proven) to work on how to change the colour of the "sold out" text red or something more eye catching than pale gray ?

Accepted Solution (1)
oscprofessional
Shopify Partner
15736 2353 3051

This is an accepted solution.

Hello ftnup,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

.btn--secondary-accent[disabled], .btn--secondary-accent.disabled {
				color:red!important;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 10 (10)
oscprofessional
Shopify Partner
15736 2353 3051

Hello ftnup,
Please share your site url.
So that i can check and let you know the exact solution here.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
ftnup
Excursionist
11 1 0

https://ftnup.com/

One thing I do notice is a mix of product variations that get struck off, then other item variations having the "sold out" displayed instead 

oscprofessional
Shopify Partner
15736 2353 3051

Hello ftnup,
Please share your site Password.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
ftnup
Excursionist
11 1 0

you should be able to access the site, I've removed the password. If not ctrl+F5

ftnup
Excursionist
11 1 0
oscprofessional
Shopify Partner
15736 2353 3051

Hello @ftnup

2020-06-23_13-45_FTNUP.jpg

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
ftnup
Excursionist
11 1 0

So sorry, should be able to access site now

oscprofessional
Shopify Partner
15736 2353 3051

This is an accepted solution.

Hello ftnup,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

.btn--secondary-accent[disabled], .btn--secondary-accent.disabled {
				color:red!important;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
ftnup
Excursionist
11 1 0

Absolutely beautiful ! Thank you so much.

Emowa_Emowa
Excursionist
27 1 9

Hello, 
I tried the solution above and my text color still remains white. Please help.