How can I code the sold out badge to be a specific hex / css code? - Minimal Theme

GraceGlamour
Tourist
9 0 1

With the minimal theme, how can I code the sold out badge to be a specific hex / css code?

Also, how can I code the sale price to be a specific hex code? Right now they are all the same color as the sale badge and I do not like that. 

Thank you.

KetanKumar
Shopify Partner
16044 1762 5924

@GraceGlamour 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
SagarSukhanandi
Explorer
154 26 42

Hello @GraceGlamour 

Add the this code at the bottom of your assets/theme.css file.

// to chage color of sale badge
.badge--sale{
background-color: red !Important; //  note : you can put your own color code here
}

// to chage color of sale price on product list grid
.grid-link__sale_price{
color : red !Important; //  note : you can put your own color code here
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
GraceGlamour
Tourist
9 0 1

I noticed this code on another post, but I could not figure out how to make it be a specific HEX code.

0 Likes
SagarSukhanandi
Explorer
154 26 42

@GraceGlamour Not getting you on specific HEX code. Could you please elaborate your issue?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
GraceGlamour
Tourist
9 0 1

So the code says  red or white, but I would instead like to insert the actual hex code (EX. #03335)

0 Likes
KetanKumar
Shopify Partner
16044 1762 5924

@GraceGlamour 

store url?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
SagarSukhanandi
Explorer
154 26 42

@GraceGlamour Just replace red or white color to your HEX code. 

Ex. 

color : #03335 !Important;
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes
GraceGlamour
Tourist
9 0 1

Thank you so much. I had tried replacing the color word with the hex code in a different code and it never worked. This one did. Thank you! 

0 Likes
SagarSukhanandi
Explorer
154 26 42

@GraceGlamour If my solution worked for you them please like and accept my solution.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes