Shopify themes, liquid, logos, and UX
Hi,
Tried everything, How to remove the hover cursor animation on the homepage on category icons.
URL - www.portronics.com
Solved! Go to the solution
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:
.skrim-grid .skrim__item a.skrim__link .grid__image {
transform: none !important;
transition: none !important;
}
.skrim-grid .skrim__item a.skrim__link .grid__image:before, .skrim-grid .skrim__item a.skrim__link .grid__image:after {
display: none !important;
}
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:
.skrim-grid .skrim__item a.skrim__link .grid__image {
transform: none !important;
transition: none !important;
}
.skrim-grid .skrim__item a.skrim__link .grid__image:before, .skrim-grid .skrim__item a.skrim__link .grid__image:after {
display: none !important;
}
It worked, Thanks. @ZestardTech
But I need hover bubble little zoom animation, the cursor animation animation is gone thats great.
And can you help me look like this with same animation as reference image for my category look.
url - www.mi.com
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:
div#shopify-section-1543003878234 .page-width .skrim-grid {background: transparent;padding: 0;}
div#shopify-section-1543003878234 .page-width .skrim-grid .skrim__item {
margin: 0 6px 12px;
}
div#shopify-section-1543003878234 .page-width .skrim-grid .skrim__item:hover {
box-shadow: 0px 0px 5px 0px rgb(191 191 191 / 64%);
}
Thanks @ZestardTech It worked.
Thankyou So much,
How can make it in slightly rounded Corners so it will look nice.
Thanks though @ZestardTech
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024