Hi there!
Looking to make the product image background transparent instead of the flat black (file is a transparent png). Have been trying all of the available solutions but have had no luck.
rameum
thank you in advance!
Topic summary
A user needed help making product image backgrounds transparent on the Featured Product section of their Shopify store using the Refresh theme, despite having transparent PNG files that were displaying with a black background.
Solution provided:
- Access Online Store → Edit Code
- Locate the theme.liquid file
- Insert custom CSS code above the closing tag
Outcome:
The solution successfully resolved the issue. The custom code override allowed the transparent PNG backgrounds to display properly instead of showing the default black background.
Note: The conversation contains some text formatting issues, but the core technical solution and successful resolution are clear.
Hey @MystPull
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Legend that worked thank you very much!
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.