Variant remain selected (outlined) on Broadcast theme

hi!

on the broadcast theme, currently when you click or hover over a size variant, the variant box is outlined with color #ce5234. when you move your mouse off of the selection, however, the highlight fades away so it’s tough to tell what size you have selected. how can i get the variant box to remain color #ce5234 when selected?

Hi @libbym

Since not all developers have access to Broadcast theme, do you mind sharing your website so we can take a look?

www.maliamills.com

Thank you!

Hello there,
On your code on theme.css file
Change this:

radio__fieldset .radio__button input:checked ~ label {

border-color: var(–primary);

}

To This:

radio__fieldset .radio__button input:checked ~ label {
border-color: var(–primary);
border: 1px solid;

}

This should work

Hi @libbym

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.css

radio__fieldset .radio__button input:checked ~ label {
border: 1px solid #ce5234 !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly