How to remove the hover when mouse put in the collection?

Anna_Wang1
Excursionist
55 1 0

Hi Guys,

 

I would like to know how to remove the hover when I put my mouse in this collection. The first image is regular, and the second image is when I put my mouse on the top, it will show the second one.

We want the collection section is always like the first one. We don't need this hover.

My URL is: https://ctoms.ca/    , and this page is Shop By Brand page. Thank you so much for your help.

 

Anna_Wang1_0-1617802914198.png 

Anna_Wang1_1-1617802936666.png

 

 

0 Likes
Pallavi
Shopify Expert
2235 370 484

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.collection-item__info .collection-item__bottom {
display: block !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Natztech
Shopify Partner
1385 389 944

 

hello @Anna_Wang1 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file

.template-page-collections #shopify-section-list-collections-template .grid__cell .collection-item__bottom {
    display: none  !important;
} 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store