Remove Collection name/title from homepage collection list

[SAlawadhi]

I'am trying to remove the title of the collection list from showing, as i only want the Collection Image to show as it contains the collection name. see below image

my theme Dawn 

Store URL: https://bforbaby.sa/

[made4Uo · Accepted solution]

Hi @SAlawadhi,

One way to do this and still keeping the image clickable is add the opacity = 0. Please follow the instructions below.

1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Actions > Edit code. 
3. Open the base.css under the Asset folder. 
4. Add the code below. 

.collection-list-wrapper .card__content {
opacity: 0 
}

[MyCodeMagic]

Hello @SAlawadhi,

You need following simple steps

1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Actions > Edit code. 
3. Open the base.css under the Asset folder.  
4. Add the code below. 

li.collection-list__item .card--standard>.card__content {
    display: none;
}

Output like this:

[SAlawadhi]

Great, it worked. thank you so much

so, not possible to remove the space below and still be clickable! 

i also tried the solution by MyCodeMagic below, and it gives the look i wanted, but not clickable which is of no use ofcourse.

[SAlawadhi]

works perfect as far as look required, but it became not clickable!

[made4Uo · Accepted solution]

Hi @SAlawadhi,

Yes, you can add this code below to your base.css.

.collection-list-wrapper .card__content {
    height: 0 !important
}

[SAlawadhi]

@made4Uo Perfect. thank you

[padraigtomas]

Does this method still work? I have attempted this code but nothing seems to have changed. 

[RebeccaPR]

Same there, I tried with no luck!