A user wants to completely remove hover effects from all containers across their Shopify store, including login, contact, and newsletter sections. Currently, borders highlight when hovering over elements, but they prefer a static black appearance with no visual changes.
Attempted Solution:
Another user suggested CSS targeting .container:hover, .section:hover, input:hover, and button:hover with border: 1px solid black !important;
Result:
The proposed solution failed—it added unwanted rectangular borders on hover and did not eliminate the existing highlighting effect. The issue remains unresolved, with the original poster providing a screenshot showing the problematic behavior and seeking alternative approaches.
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
Thanks a lot,
Tim
you can try this in the css
.container:hover,
.section:hover,
input:hover,
button:hover {
border: 1px solid black !important;
}
