Shopify themes, liquid, logos, and UX
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;
}
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
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.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025