How to hide collection titles on the default theme?

[LPPSTUDIOS]

I need help, I don’t want my titles shown on my collections. I’m using images to show the title instead, could someone help me with the coding?

Problem:

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.template-collection .section-header h1 {
display: none;
}

[Zworthkey]

.template-collection .section-header h1 {
display: none !important;
}

@LPPSTUDIOS
Add this code in theme.scss

[LPPSTUDIOS]

There is no “theme.scss” only “theme.css” I tried it with that and it didn’t work.

[Zworthkey]

@LPPSTUDIOS
pASTE THIS CODE IN THEME.CSS FILE.
Thank You.

[ZestardTech]

Hello There,

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

[LPPSTUDIOS]

https://lpp-studios.myshopify.com/?key=c800f08786cb5e668a563746a66f95140b336927b40ff695abdd7636e5f8d91e

password: redroses14

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

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

[KetanKumar]

@LPPSTUDIOS

thank for URL, you have try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
   this code apply for after 5 - 6 second

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

After Code View

[LPPSTUDIOS]

Thank you so much, I really appreciate it, I hope this isn’t too much to ask, but could you help me really quick with this one?

https://community.shopify.com/c/Shopify-Design/Messed-Up-Coding/m-p/1305144#M340268

The other responses, aren’t helping me, I would like your input.

[LPPSTUDIOS]

What about this part, when you actually click on the collection?

[KetanKumar]

@LPPSTUDIOS

yes please add this code

.collection-hero__title {
    display: none;
}