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

Solved
BootlegCraig
Tourist
4 0 0

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:

asdfasdf.PNG

 

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.

 

dafdsa.PNG

 

Any help with this would be GREATLY appreciated!!!!!!

0 Likes
HelpifyHelp
Excursionist
36 5 7

This is an accepted solution.

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;

} 




If you liked the help we provided then accept the solution and like it.
If our help was helpful please consider to give a small donation so we can keep helping on the Shopify community
click here to donate
All donations are greatly appreciated | Hire us contact support@helpifyhelp.com
BootlegCraig
Tourist
4 0 0

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!

0 Likes
BootlegCraig
Tourist
4 0 0

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?

 

w2342.PNG

0 Likes
HelpifyHelp
Excursionist
36 5 7

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

 

.collection-hero__title{
Display: none;

}
If you liked the help we provided then accept the solution and like it.
If our help was helpful please consider to give a small donation so we can keep helping on the Shopify community
click here to donate
All donations are greatly appreciated | Hire us contact support@helpifyhelp.com