Removing Text Overlay on Collections with Debut Theme

[Lcihemma]

I'd like to remove the text overlay from my collections. I have had a look at a few tutorials with customizing the code, but so far it hasn't worked for me. 

Any advice?

[dmwwebartisan]

@Lcihemma 

Please share your website URL. I will check and provide a solution here.

Thanks!

[Lcihemma]

Thank you so much! it is lcihvirtualangeltree.com

[dmwwebartisan]

@Lcihemma 

Your shop is password protected. Please provide a password so I can check your issue.

Thanks!

[Lcihemma]

the password in Mother1!

[dmwwebartisan]

@Lcihemma 

Please add the following code at the bottom of your assets/theme.css file.

.collection-grid-item__title-wrapper::before {
opacity: 0.2 !important;
}
.collection-grid-item__title{
display:none;
}

Let me know if this works for you. If not please provide a screenshot.

Thanks!

[ForgotMyGinkgo]

Hi there - 

Not my question - but I have the same problem.  I've inserted your code at the bottom of theme.css and nothing has changed - the overlay persists 😕

Your help is much appreciated, I've been trying to smash this for a couple of days.

Up in the css is this section of code, maybe there's something to kill in there?

.collection-grid-item__title-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-image-overlay);
  opacity: var(--opacity-image-overlay); }

[jpack84]

Thanks!! I was looking to do the same thing, and it worked perfect. 

[veemarielm]

This solution worked for me! I do have an issue with the color overlay now though, it doesn't appear on hover at all. Is there a solution for that? 

[DDP_Merch]

This worked for me o the Home Screen but curious how to remove the overlay from the header on the collection's page. Can you help me here? Thanks in advance!