Hi hi, thank you for your response. Unfortunately it’s not working..
Topic summary
Goal: change the selected state of the product variant picker from black to #eae0D3 in the Be Yours theme.
What was done:
- Access details were shared so helpers could inspect the product page.
- CSS solutions were provided to target the selected radio variant label (e.g., .product-form__input input[type=radio]:checked + label:not(.color__swatch)::after) to set background-color: #eae0D3 and optionally set the label text to black; one variant also added a box-shadow highlight.
- Instructions covered two placement options: add to Assets > base.css/theme.css or paste into the Product page’s Custom CSS in the Theme Editor (Customize > Product > Product information > Custom CSS).
Troubleshooting:
- Initially “not working” due to a missing closing bracket in base.css (fixed by adding a } around line 3599), after which the changes appeared in the customizer preview.
Current status/outcome:
- Working in preview. Not visible publicly because the store is password-protected/not live.
- Expectation: once the site goes live (and the edited theme is published), preview and live should match and the variant picker will show #eae0D3 on selection.
Resolution: Pending launch; no further open questions.