M glad 
that worked if you need any help please let me know
Thank you
Topic summary
A user applied a transparent background to display an image but encountered an issue where the variant selector and quantity selector turned black, making them hard to see.
Two solutions were provided:
-
CSS override approach: Add custom CSS targeting
.select__selectand.quantity__inputto force white backgrounds and dark text, with optional border styling for visibility. This code should be added to the theme’s CSS file (e.g.,theme.cssorbase.css). -
Color scheme adjustment: Change the color scheme background back to a solid color (like
#FFFFFF) instead of transparent, then apply transparency specifically to the product info section using custom CSS:product-info { background: transparent; }
Resolution: Both solutions successfully resolved the issue. The user confirmed both methods worked, with the second approach noted as particularly simple to implement.
1 Like