How can I make a product page background transparent and grey out sold-out text?

Store Design
, , ,

Topic summary

A user wants to make their product page background transparent and grey out the text for sold-out items on their Shopify store.

Initial Solution Attempt:

  • Another user suggested using the theme’s color picker in theme settings to select transparent or desired colors
  • This approach didn’t work as the original poster doesn’t have access to a color picker in their theme

Current Status:

  • An expert confirmed that custom CSS code will be required to achieve both effects
  • Two options were proposed:
    • Contact the theme provider for assistance
    • Hire a Shopify expert to implement the custom code

Resolution: The issue remains unresolved and requires technical implementation beyond the theme’s built-in customization options.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

Hi guys,

I want to remove the background colour and make it transparent. Please see the screenshot for reference. For the sold-out items, I would like to grey out the text. I would appreciate your help.

URL: https://basicbastard.co/products/socks?variant=43307250286828

Screenshot 2022-12-02 at 11.46.47 AM.png
Screenshot 2022-12-02 at 11.46.47 AM.png776×650 19.7 KB

1 Like
2

@basicbastardco hey there, follow these steps..

  • Click theme settings

  • Click color

  • Pick the color picker and click on transparent or any color you want to use

  • click on save

If you were not able to do it, I can help you with it..

3

Thank you for trying to help. I do not have the colour picker. Is there any way to do it?

Screenshot 2022-12-02 at 12.20.48 PM.png
Screenshot 2022-12-02 at 12.20.48 PM.png628×1340 71.7 KB

4

@basicbastardco

I checked your store and sure that you will need to add a custom code to make grey out to sold-out options. In this case, there are 2 ways to handle your issue:

  • Contact to the theme provider ask for assistance
  • Or hire an expert to help you