How to remove hover effects from all containers

Store Design
, , , , , , ,
1

Hey guys, I want to remove the hover effect from my store so that when I hover over any container—whether it’s in the login section, contact section, or newsletter—nothing happens.

Right now, the borders highlight when I hover over them, so I don’t want that. I just want them to black color without any effects.

You can check it out here: https://1049xn-ya.myshopify.com/pages/contact

I want it to work both on desktop and mobile.

Thanks a lot,
Tim

2

@CreatorTim

Please add the following CSS code to your assets/base.css bottom of the file.

.field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after {box-shadow: 0 0 0 0.1rem #000 !important;}
.field:hover.field:after {box-shadow: 0 0 0 0.1rem #000 !important;}

Thanks!

1 Like
3

Thank you! works