Solved

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

BootlegCraig
Excursionist
25 0 3

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!!!!!!

Express Yourself!
Accepted Solution (1)

Shopi5_Coders
Explorer
40 5 10

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.
Want to hire us? or visit our website and Get a free quote

View solution in original post

Replies 5 (5)

Shopi5_Coders
Explorer
40 5 10

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.
Want to hire us? or visit our website and Get a free quote
BootlegCraig
Excursionist
25 0 3

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!

Express Yourself!
BootlegCraig
Excursionist
25 0 3

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

Express Yourself!
Shopi5_Coders
Explorer
40 5 10

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.
Want to hire us? or visit our website and Get a free quote
ShawnissyC
Tourist
5 0 0

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 

reviews list instead for caros..PNG

 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?