How to Remove text in Collection list - Simple Theme

Store Design
1

I want to customize the collection list in simple theme, besides overlay with text, I would like to only show the logo icon without image overlay effect. How can I edit the code? I hope to only effect on collection list page only.

url: https://shop.asiasociety.org.hk/collections

alai_0-1599112348574.png
alai_0-1599112348574.png1267×515 150 KB

2

Hey @alai

  1. In your Shopify Admin go-to online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or and paste this at the bottom of the file:
.collection-grid-item__title {display: none;}

Hope this works for you.

Thanks!

1 Like
3

Could the code only effect on collection list, collection page but not affect to homepage?

But anyway, many thanks dmwwebartisan

4

Hey @alai

  1. In your Shopify Admin go-to online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or and paste this at the bottom of the file:
/* for home page */
.template-index .collection-grid-item__title {display: none;}

/* for collection page */
.template-collection .collection-grid-item__title {display: none;}

/* for collection list */
.template-list-collections .collection-grid-item__title {display: none;}

Hope this works for you.

Thanks!

2 Likes
5

Hey @alai

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

Remove overlay effect

.template-list-collections a:hover, a:focus {opacity: 1;}

Hope this works for you.

Thanks!

6

Hi,

I’m a bit late here, but I would like to do the same thing… remove the text from below the images in my collection list on the front page. But I am using the Craft theme, which does not have the asset files that need changing as above.

The page I am working on is here. https://reginald-spleens-curiosity-emporium.myshopify.com/

Password raytia

7

I am also having this same issue. If someone has a fix that would be awesome.