How to change the Sold Out color on the Collection page and on the Product page in Prestige theme?

Shopify Discussion

Topic summary

A Shopify store owner seeks help changing the “Sold Out” label and button colors in the Prestige theme on both collection and product pages.

Initial Solution Provided:

  • Two community members share CSS code snippets to modify the sold-out colors
  • Code should be added to the bottom of the theme.css file via Online Store > Themes > Edit Code > Assets
  • Specific CSS targets .ProductItem__Label for collection pages and .ProductForm__BuyButtons Button[disabled] for product pages

Additional Requests:
The original poster expands their questions to include:

  1. Standardizing image sizes on collection pages
  2. Changing social share icon colors (Facebook, Twitter, Pinterest)
  3. Adding an Instagram icon to product pages
  4. Highlighting SKU and price colors
  5. Reducing collection tile size on the homepage
  6. Removing the Twitter icon if there’s a limit

Follow-up Response:

  • CSS solutions provided for issues #1, #2, #4, and #5
  • Issue #3 (Instagram icon) requires custom coding and hiring a Shopify Partner/Expert is recommended
  • Discussion remains open for further assistance via private message
Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
2

@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?