How to disable the hover function on a product variant section?

[winnado11]

Hello,

I need help with disabling the hover function on the variant section. At this moment, the black border will be shown up until I hover my mouse over the variants section. I want the black border will be shown up all-time without hovering. I want to apply that for all the products of the “CHOOSE YOUR BABY’S NEXT BUNDLE” collection.

Here is the link to my collection: https://wowberrybites.myshopify.com/collections/first-bites-bundles

Here is the link to one of the products: https://wowberrybites.myshopify.com/products/10?variant=41706772168853

Thanks for your help.

[dmwwebartisan]

@winnado11

Please add the following CSS to your assets/theme.min.css bottom of the file.

.product--template .form__input:focus-visible { box-shadow: none !important;}

Thanks!

[winnado11]

Thanks for the code @dmwwebartisan . However, it does not work. I still want the black border visible all the time. However, after adding the code, the border is now transparent (no color). Hope that makes sense.

Here is the link to the product page again https://wowberrybites.myshopify.com/products/10?variant=41706772070549

Thanks for your time and help.