Debut theme: Need to hide collection titles on collection grid page

Highlighted
Tourist
10 0 1

Hey! I have my own images with the titles on them, and I want the collection grid page to not show the titles on the overlay. Is that possible?

0 Likes
Highlighted
Shopify Staff
Shopify Staff
642 48 66

Hi, Lauren!

Ted here from Shopify, thanks for reaching out to us!

You should be able to remove the collection title that displays across the images by following the below steps: 

  • Please click Online Store and then Themes.
  • Next, click on Actions and select Edit Code as shown in this example.
  • After that, select the Assets file and click on theme.scss.liquid.
  • Scroll down to the end of the theme.scss.liquid file, enter the below code and then click save. 
.collection-grid-item__title {
    display: none;
}

Let us know how this goes and if there is anything else we can help you with, we're happy to help!

Happy Selling!
Ted
 

 

Ted | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
Tourist
10 0 1

That worked ! Thank you! One more question though-- is there any way to get rid of the dark overlay on the images in the collection grid? 

0 Likes
Highlighted
New Member
9 0 0

Nothing change for me?

0 Likes
Highlighted
New Member
1 0 0

me too. Nothing changes for me

0 Likes
Highlighted
Shopify Expert
2930 499 671

Send me store i will check.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Shopify Partner
1 0 0

I tried this but it doesn't seem to work.  What did I do wrong.

At the bottom of

theme.scss.liquid

I added

// Ruth don't show the collection title
.collection-grid-item__title {
display: none;
}

 

Thanks, Ruth


@Ted wrote:

Hi, Lauren!

Ted here from Shopify, thanks for reaching out to us!

You should be able to remove the collection title that displays across the images by following the below steps: 

  • Please click Online Store and then Themes.
  • Next, click on Actions and select Edit Code as shown in this example.
  • After that, select the Assets file and click on theme.scss.liquid.
  • Scroll down to the end of the theme.scss.liquid file, enter the below code and then click save. 
.collection-grid-item__title {
    display: none;
}

Let us know how this goes and if there is anything else we can help you with, we're happy to help!

Happy Selling!
Ted
 

 


 

0 Likes
Highlighted
New Member
1 0 0

Did anyone get any luck with this? I've followed the instructions above but this has not removed the text from my image on the website.

 

Thanks!

0 Likes
Highlighted
Shopify Expert
2930 499 671

Send you store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Shopify Expert
2930 499 671

Add this css in asset-> theme.scss file at bottom: 

.collection-hero__title { display: none; }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
2 Likes