Topic summary
A user seeks to change the background color of product variant selectors on their Shopify store.
Solutions Provided:
Multiple developers offered CSS-based approaches:
- Method 1: Add custom CSS in
theme.liquidbefore the</head>tag to style variant backgrounds - Method 2: Insert code above the
</body>tag intheme.liquid - Method 3: Modify
component-product-variant-picker.cssdirectly in the theme’s assets folder, targeting.form-input__pill input[type=radio]:checked+labelwith specific background and text colors
Follow-up Issue:
After implementing a solution successfully, the original poster requested help changing the variant text color to black. One contributor provided updated code to address this secondary styling request.
Status: The issue appears resolved, with the user confirming the solution works and marking it as accepted. The thread includes code snippets and screenshots demonstrating the implementation steps.