Remove Collection Names from Collection List

English Shopify Shopify Design
,
1

Hi guys,

Curious how one would remove the collection name from a homepage collection list?

My site is https://abodehaven.com.au/ and I want to remove the name of the collection underneath the image.

Kind regards,

James

1 Like
2

Hi @jamesabodehaven , go to styles.css and add the following code:

.list-collections-wrapper .collection-info__caption {
    display: none !important;
}
3

Go into the theme editor, click into the section you’re using for showing the collections on the homepage, and then within the “Custom CSS” section, add the following code:

.collection-info__caption {
    display: none !important;
}
4

Worked perfectly thank you Stephen!!

5

Hey that’s really cool, I think!

6

Hi i am trying to find a solution to the same problem. I’ve tried the solution you suggest above however, it doesnt seem to work on my page. could you help?

7

you can try this and it will also keep the collection image clickable

.card__heading {
    opacity: 0;
}