Re: How do I remove the collection title

delta1seven1 · ‎07-03-2022

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!

KetanKumar · ‎07-07-2022

@delta1seven1

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.collection-list-wrapper .card__content {
    position: absolute;
    height: 100%;
    opacity: 0;
}

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Niraj_singh · ‎07-03-2022

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.

banned

Lfbok · ‎07-03-2022

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;
}

banned

delta1seven1 · ‎07-04-2022

This did not seem to work 😞

DelightCart · ‎07-03-2022

@delta1seven1

1. Online store > Actions > Edit code
2. Open the file collection-grid-item.liquid
3. Remove the below code

<div class="collection-grid-item__title-wrapper">
<div class="collection-grid-item__title h3">
{% if collection.title == blank %}
{{ 'homepage.onboarding.collection_title' | t }}
{% else %}
{{ collection.title }}
{% endif %}
</div>
</div>

4. Click Save

⚡️ Delight Cart - It's time to turn your visitors into loyal shoppers! ✨

⚡️ Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

delta1seven1 · ‎07-04-2022

Thank you for the reply but I don't seem to have that .liquid file.

KetanKumar · ‎07-03-2022

@delta1seven1

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

delta1seven1 · ‎07-04-2022

www.revlimithshop.com

Denishamakwana · ‎07-04-2022

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on [email protected] | Shopify Design Changes | Custom Modifications In to Shopify Theme

Denishamakwana · ‎07-05-2022

Please add below css code in bottom of assets/base.css file.

.collection-list-wrapper .card__content {

display: none;

}

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on [email protected] | Shopify Design Changes | Custom Modifications In to Shopify Theme

delta1seven1 · ‎07-06-2022

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

delta1seven1 · ‎07-07-2022

@Denishamakwana

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!

KetanKumar · ‎07-07-2022

@delta1seven1

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.collection-list-wrapper .card__content {
    position: absolute;
    height: 100%;
    opacity: 0;
}

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

delta1seven1 · ‎07-08-2022

This worked, thank you!

KetanKumar · ‎07-09-2022

@delta1seven1

its my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

dziugastdi · ‎02-25-2024

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 <head>:

</style>

Re: How do I remove the collection title

How can I delete the collection title from the Ride Theme?

Community Blog Articles