Hi - I am wanting to remove the Collection Title on the “Collection List” section on the Ride Theme. I added the name of the collection to the image itself so I no longer need the title under the image. Any help would be appreciated!
1 Like
Hello @delta1seven1
Can you please share your store URL so i ca suggest you css code for hide the collection title on collection list section.
Edit your theme code,
Find the section-collection-list.css file,
Add code at the very bottom:
.card--card.card--media>.card__content{
display:none !important;
}
- Online store > Actions > Edit code
- Open the file collection-grid-item.liquid
- Remove the below code
{% if collection.title == blank %}
{{ 'homepage.onboarding.collection_title' | t }}
{% else %}
{{ collection.title }}
{% endif %}
- Click Save
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.
Thank you for the reply but I don’t seem to have that .liquid file.
This did not seem to work 
Please add below css code in bottom of assets/base.css file.
.collection-list-wrapper .card__content {
display: none;
}
Thank you.
Thanks for this. This removed the Title text, but it also removed the hyper-link functionality of the image. So now I can’t click on the image to bring me to the collection. Any idea how to bring that functionality back?
Thanks
Thanks for this. This removed the Title text, but it also removed the hyper-link functionality of the image. So now I can’t click on the image to bring me to the collection. Any idea how to bring that functionality back?
thanks!
1 Like
oh sorry for that issue can you try this code
- Go to Online Store->Theme->Edit code
- Asset->/base.css ->paste below code at the bottom of the file.
.collection-list-wrapper .card__content {
position: absolute;
height: 100%;
opacity: 0;
}
3 Likes
This worked, thank you!
1 Like
its my pleasure to help us
I did it! The Collection list no longer displays collection names either on the phone or computer. They also respond to clicks and redirect to the collection page. If anyone needs help, enter this code into theme.liquid immediately after :
/* .card__content elementų parodymas tik telefonuose */ @media only screen and (max-width: 767px) { .collection-list .card__content { opacity: 1; height: auto; } } /* Visose įrenginių dydžio diapazonuose paslepia .card__content */ .collection-list .card__content { opacity: 0; height: 0; }