Is there a way to create a highlight or outline which pops up when someone selects a size or color on one of my products. I want to keep the colors and sizes the way they are now, but the color swatch or size, which is selected will be highlighted.
Site: poppypetalsboutique.net
Hey @PoppyPetals ,
Welcome to the community! I’ve added screenshot below to help you navigate where you need to place the block of css code. You can easily change the color values to any hex value that suits your design.
Step 1: Go to Online Store > Theme > Edit code
Step 2: Find base.css file
Step 3: Add the following code at the bottom
.product-form__input input[type='radio']:checked + label {
background-color: #000!important;
color:#fff!important;
}
Result
