Remove Text below Collection Card

[dtlyme]

Hi all - Client would like the collections cards to just have the image with the text I have placed on the image - NO text link with the Collection name below.  Is this possible?  Can't figure out where I could do this within the theme settings!

https://degerendays.com/collections

Thank you in advance!

-Dana

[made4Uo · Accepted solution]

Hi @dtlyme,

If you want the link to still works when they click on the image, just follow the instructions below.

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the base.css
3. Paste the code below at the very bottom of the file.

.collection-list .card__content{
    opacity: 0;
    height: 0;
}

[dtlyme]

Perfect!  Thank you so much - exactly what I wanted 🤗

[arahming123]

Omg I almost shed a tear! You don't understand how long it took me to find a code that worked!! Thank you 🙂

[GabrielS]

Hi Dana,

To have the text removed form below the cards you can make use of the below CSS code.

.card-wrapper .card__content {
  display: none !important;
}

Adding the above code at the end of your base.css file should address your question.

Cheers!

[dtlyme]

Fantastic! That worked beautifully. Thanks very much! edited to add - I still needed for the link to work so used the other posters solution, but thank you - my fault that I did not specify that!!