Removing Collection text off collection image debut theme

eighth-bay
Tourist
8 0 1

Hi guys

I am trying to remove the collection title text off the collection images in Debut.  I have read other posts and tried but they are still not coming off!  Can anyone help?

Replies 13 (13)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

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

.collection-grid-item__title {
display: none;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

khilan
Shopify Partner
271 15 26

hi @eighth-bay 

i can solve your problem

u can change this code.

Hello There,

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

.collection-grid-item__title {
display: none;
}

thank you so much !

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
eighth-bay
Tourist
8 0 1

Seemed to work perfectly!  Many thanks! 🙂

eighth-bay
Tourist
8 0 1

Hi

I have just noticed that it removed them from the desktop website, but on the mobile version on my iphone they are still there?  What can i do to remove off mobile version?

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
eighth-bay
Tourist
8 0 1

www.eighthbay.com

Its just the mobile version that still show the collection names on the collection images

 

Mobile versionMobile version

 

 

 

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

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

.collection-grid-item__title.h3 {
display: none!important;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
eighth-bay
Tourist
8 0 1

Thanks but its still showing on the mobile version, same as before?

eighth-bay
Tourist
8 0 1

Can you please help? 🙂

ZestardTech
Shopify Expert
5393 970 1291

Yes

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ZestardTech
Shopify Expert
5393 970 1291

Hello There,

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

.collection-grid-item__title.h3 {
display: none!important;
}
Screenshot :- https://prnt.sc/zywfbh

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
eighth-bay
Tourist
8 0 1

Hello

 

Again i have done this but it still shows on the "mobile version".  How can i apply this to both the desktop and mobile versions?

eighth-bay
Tourist
8 0 1

Any further help?