How to hide the text below the Collection in Collection page

[IntechCarl]

Hi everyone,

I want to hide the text below the photo in my collections, I tried some codes but it also hides the product titles in my home page and other products.
See the photo below for reference.

[websensepro]

Hi, @IntechCarl 

Send me Page URL

[IntechCarl]

Hi! I sent you privately the link

[IntechCarl]

https://yywy1ulr838gm-13830324282.shopifypreview.com
Add the letters (a), (p), and (k) betwen 8 and 38gm in the link

[Adenan]

hey ^^

Try adding this code at the bottom of your 'component-card.css' file (you have to edit your theme code).

/* HIDE TITLES IN COLLECTION PAGE */
.card:not(.ratio)>.card__content {
    opacity: 0;
    height: 0;
}

Let me know if it works 🙂

[IntechCarl]

Hi! i tried using this code and it works, but the problem is it also hide the title of the card in my products. I want it only in the collection cards.

[Adenan · Accepted solution]

Hi ^^,

Sorry for the mistake, with this code the edit is made only on the titles on the collections page 😉 (I specified the path of titles to be edited).

/* HIDE TITLES IN COLLECTION PAGE */
.collection-list .card:not(.ratio)>.card__content {
    opacity: 0;
    height: 0;
}

Let me know if it works!

[IntechCarl]

It worked! Thanks a lot!

[Adenan]

You're welcome! 🙂