Removing Text Overlay on Collections with Debut Theme

Lcihemma
Tourist
5 0 1

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?remove.png

0 Likes
dmwwebartisan
Shopify Partner
8335 1961 2639

@Lcihemma 

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

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Lcihemma
Tourist
5 0 1
Thank you so much! it is lcihvirtualangeltree.com
0 Likes
dmwwebartisan
Shopify Partner
8335 1961 2639

@Lcihemma 

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

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Lcihemma
Tourist
5 0 1
the password in Mother1!
dmwwebartisan
Shopify Partner
8335 1961 2639

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
ForgotMyGinkgo
New Member
1 0 0

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); }

 

0 Likes
veemarielm
New Member
1 0 0

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? 

0 Likes