Re: How to remove hover effects from all containers

Re: How to remove hover effects from all containers

CreatorTim
Navigator
471 1 71

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

Replies 2 (2)

EcomGraduates
Shopify Partner
858 71 124

you can try this in the css  

.container:hover, 
.section:hover, 
input:hover, 
button:hover {
  border: 1px solid black !important;
}

 If this fixed your issue, likes and accepting as a solution are highly appreciated
|  Build an online presence with our custom-built Shopify Theme: EcomifyTheme
|  Check out our reviews: Trustpilot Reviews
|  We are Shopify Partners: EcomGraduates Shopify Partner



CreatorTim
Navigator
471 1 71

Hey, thanks for the feedback, but it doesn’t work.

Your code added a rectangular border when hovering over it, which I don’t want at all, and it also left the highlighting effect.

CreatorTim_0-1736013870650.png