Hi Guys,
Sold out badge for main product page and all product page. I have changed the sold out badge colour it worked on the desktop version however, the phone version didn’t change. I would appreciate any help.
Thank you!
1 Like
Hey @basicbastardco .
Thanks for reaching out.
I appreciate that you have included your online store URL and screenshots as that is very helpful! Just to gather some additional context, which theme are you using on your online store?
If you are unsure about which theme is live on your store, you can navigate to the Theme Editor and select the three dots that are appearing towards the top left of the page. I took a screenshot from my test store to show you the section I am referring to:
Looking forward to your response.
1 Like
Hey @basicbastardco .
Thanks for the quick response!
Looking into the Dawn theme, I noticed that we cannot make changes to the colour of the Sold out badges using the Theme Editor. However, you could make a change of coding to the theme to have the Sold Out badges displayed in a different colour on the mobile version of the online store product pages. With that being said, since the Dawn theme is designed and supported by Shopify, we can use free design time for Shopify themes to have our internal team make the changes on your behalf.
If you are interested in using the design time, you will need to login to your store using the Contact Us page. This will allow us to securely verify you as the store owner before speaking directly with a Support Advisor about the changes you would like to see.
Let me know if you have any questions.
Add the following CSS code to your assets/section-main-product.css bottom of the file.
@media screen and (max-width: 749px){
.product .price--sold-out .price__badge-sold-out {background: #000 !important;color: #fff !important;border-color: transparent;}
}
Thanks!
Hi, thank you. It didn’t work for the phone version. Still has not changed.