Removing Overlay on 7.1 Portfolio Hover Background

Add to Home > Design > Custom CSS

.portfolio-hover-bg-mask {
    display: none;
}

Tuanphan, The code you posted above also removes the image itself. I'm trying to get the image to appear without an overlay. Any thoughts?

Hi Tuanphan, I am trying to to get a product image to appear without a hover. 

Similarly to a-ryann's post, the above code removes the image all together. 

I wish for there to be no hover. 

3 hours ago, evelynmarinap said:

Hi Tuanphan, I am trying to to get a product image to appear without a hover. 

Similarly to a-ryann's post, the above code removes the image all together. 

I wish for there to be no hover. 

.portfolio-hover-bg-overlay {
  display: none
}

Me too. Neither of these code snippets works:

NEITHER

.portfolio-hover-bg-OVERLAY {
  display: none
}

NOR

.portfolio-hover-bg-MASK {
  display: none
}

10 hours ago, sjet said:

Me too. Neither of these code snippets works:

NEITHER

.portfolio-hover-bg-OVERLAY {
  display: none
}

NOR

.portfolio-hover-bg-MASK {
  display: none
}

 

try

.portfolio-hover-bg-overlay {
  display: none !important;
}

That does not work.

16 hours ago, sjet said:

That does not work.

Can you share link to portofilo page on your site?

Thank you, I think I solved the problem.

On 5/13/2020 at 4:34 PM, sjet said:

Thank you, I think I solved the problem.

Hi, Do you mind sharing how you solved the issue? I'm trying to do the same thing. Thanks.

On 9/21/2020 at 6:34 PM, expatinzurich said:

Hi, Do you mind sharing how you solved the issue? I'm trying to do the same thing. Thanks.

If you share link to portfolio page, we can help