How to highlight or change the border color of the color swatches/section when selected?

lichael06 · ‎04-03-2023

Can someone help me on how to highlight or change the border color of these color swatches/section when selected?

https://memaknits.com/products/sailboat-footie-beanie?variant=42040794808493

@Litos

@KetanKumar

@GemPages

banned

Ninthony · ‎04-03-2023

Add this into your css, should take care of it for you:

.swatch input[type="radio"]:checked + label span {
    border: 1px solid black;
}

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish 😄

View solution in original post

Ninthony · ‎04-03-2023

Add this into your css, should take care of it for you:

.swatch input[type="radio"]:checked + label span {
    border: 1px solid black;
}

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish 😄

lichael06 · ‎04-04-2023

Thanks

banned

How to highlight or change the border color of the color swatches/section when selected?

How to highlight or change the border color of the color swatches/section when selected?

Community Blog Articles