All things Shopify and commerce
Hi, Could someone help me with changing the color of the Sold Out color on the Collection page and Sold Out button color on the Product page? Appreciate the help.
Here is my website: www.vasundharafashions.com
Thanks,
Radhika.
Solved! Go to the solution
This is an accepted solution.
@vasundhara Seems like you are using Prestige theme from Shopify themes. For Sold Out on collection page, you need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.css file.
.ProductItem__Label {
background: #000000;
color: #ffffff;
}
For changing the button color on product page, can you tell us which color you want for the button?
This is an accepted solution.
Hi @vasundhara
Dan here from Ryviu: Product Reviews & QA.
You can do that by adding this code add the bottom of your theme.css file in Online Store > Themes > Edit code.
.ProductForm__BuyButtons .Button[disabled] {
background: #ddd;
}
Best Regards,
Dan
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This is an accepted solution.
@vasundhara Seems like you are using Prestige theme from Shopify themes. For Sold Out on collection page, you need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.css file.
.ProductItem__Label {
background: #000000;
color: #ffffff;
}
For changing the button color on product page, can you tell us which color you want for the button?
This is an accepted solution.
Thank you!
Hello,
Could you also help me resolve these issues for me? Appreciate the help.
1. How to show all the images in same size in the Collection page?
2. Change the colors of the Share Icons for FB, Twitter and Pinterest on the Product page?
3. Can we add Instagram icon to the Product page as well in addition to FB, Pinterest and Twitter? If there is a limit, I can remove the Twitter Icon on the Product page which is located on top of the Quanity dropdown.
4. Highlight the SKU and price color in the Product page.
5. How do I reduce the size of the square tile in the Home page for the Collections?
Thanks,
Radhika.
@NerdCurator @Dan-From-Ryviu could one of you help with the questions above? Thank you.
@vasundhara You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.css file. This should solve #1, #2, #4, #5. For #3, it will require some custom coding,
your best bet would be to hire a Shopify Partner/Expert if you'd like to discuss this more, don't hesitate to send me a PM.
.ProductItem .AspectRatio--tall>img{
object-fit:cover;
}
.ProductMeta__ShareItem svg {
opacity: 1;
color: #293155;
}
.features--heading-normal .ProductMeta__Price,
.features--heading-normal .ProductMeta__Sku{
color: #293155;
}
.CollectionList .CollectionItem{
min-width:25%;
}
This is an accepted solution.
Hi @vasundhara
Dan here from Ryviu: Product Reviews & QA.
You can do that by adding this code add the bottom of your theme.css file in Online Store > Themes > Edit code.
.ProductForm__BuyButtons .Button[disabled] {
background: #ddd;
}
Best Regards,
Dan
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This is an accepted solution.
Thank you Dan!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025