Debut Theme - Need to hide collection text from overlaying on the images

[BootlegCraig]

My page is www.imakeflair.com

I’ve been googling and trying suggestions, but none of them seem to be working. I am using Debut theme and originally used a bit of code to add a slight stroke and small shadow to the text that overlaid my collection titles in my images.

I’ve decided to just incorporate the name of the collection into the image itself, and would like to hide the text over altogether but can’t seem to find any code that works for this. I see several people suggesting adding code to theme.scss.liquid, but I don’t have that file as shown below:

I have a listing of my collections on my home page, as well as a landing page with all of them. This is how my collections look from on both pages - and I’d like to remove the overlay text in both locations.

Any help with this would be GREATLY appreciated!!!

[Shopi5_Coders]

Hello.

If i understand it correctly, you want to remove the text on the image?

If so, then go to the theme.css, i can see it in the picture you listed and paste the following code in the bottom of the file.

.collection-grid-item__title.h3{

Display: none;

}

[BootlegCraig]

Holy crap - THANK YOU!!! I had tried no less than 2 dozen other codes I found and none of them worked.

THANK YOU THANK YOU THANK YOU!

[BootlegCraig]

ok, new issue - when I click on the collection - in the banner image, the text is still there. Any ideas on how to remove the text there as well?

[Shopi5_Coders]

Yes. also insert the following code in the bottom of the css file again.

.collection-hero__title{
Display: none;

}

[ShawnissyC]

Hi @Shopi5_Coders

When I use this snippet of code you provided (Debut Theme)

.collection-grid-item__title.h3{

Display: none;

}

It does what its supposed to but, it also for some reason it also changes my reviews carousel to a list instead

I obviously don’t want the list as it will be cumbersome for my clients on mobile to have to scroll through that. how do I fix this?

[vandan]

i have an issue on displaying collection image on full screen it is leaving space on left and adding path of collection. how can remove that