Removing hover animation

Site URL: https://the-goods.us/shop

On my shop page (all products), anytime I hover over a product, square space shows the other images linked to that product.  Is there a way to remove this animation/effect on the shopping page, so you only see one image. When customers clicks on individual product, I still want additional photos to be seen  on its individual page.

29 minutes ago, bangank36 said:

try

.products.collection-content-wrapper .grid-item .grid-image-hover {
  opacity: 0 !important;
}

 

@bangank36

Is there a Custom CSS that keeps product image on screen without disappearing to blank screen?  In other words, when you hover over image, nothing happens.

10 minutes ago, Icegood5 said:

@bangank36

Is there a Custom CSS that keeps product image on screen without disappearing to blank screen? 

Sorry code is missing, I updated 

On 7/21/2021 at 8:56 AM, Icegood5 said:

Site URL: https://the-goods.us/shop

On my shop page (all products), anytime I hover over a product, square space shows the other images linked to that product.  Is there a way to remove this animation/effect on the shopping page, so you only see one image. When customers clicks on individual product, I still want additional photos to be seen  on its individual page.

Hi. DO you need help to fix these?

Site URL: https://the-goods.us/

1. (Tablet – Homepage) Text are cut off

2. (Tablet – Footer) Word break

3. (Tablet – Homepage) Reduce space above/below product

4. (Tablet – Footer) Reduce white space under footer

5. (Footer > Collections) When i click on, it says that “We couldn’t find the page you were looking for. ”