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

Hello @tuanphan

Do you know how I can get rid of the overlay here https://studioiris.squarespace.com/projects

Thanks!

On 1/14/2021 at 12:10 AM, niketatripp said:

Hello @tuanphan

Do you know how I can get rid of the overlay here https://studioiris.squarespace.com/projects

Thanks!

Add to Design > Custom CSS

.portfolio-hover-bg {
    opacity: 0 !important;
}

@tuanphan hello, I see you are a squarespace ultra expert. 

I need to add a background image in the portfolio page, where I am using a gallery section , is that possible ?

Im not sure if its a squarespace bug, but natively apparently there isnt a way,

Many thanks and keep up the amazing work. 

Thanks 

On 2/23/2021 at 9:01 AM, zerosite said:

@tuanphan hello, I see you are a squarespace ultra expert. 

I need to add a background image in the portfolio page, where I am using a gallery section , is that possible ?

Im not sure if its a squarespace bug, but natively apparently there isnt a way,

Many thanks and keep up the amazing work. 

Thanks 

Hi. Can you share link to page? We can check easier

Hello! 

Hey guys, is there a way to remove the grey overlay before and during the hovering? I want it to be bright white and have the feeling that people are clicking on my handwriting!  

https://www.grahamnielsen.com/work 

3 minutes ago, GFN99 said:

Hello! 

Hey guys, is there a way to remove the grey overlay before and during the hovering? I want it to be bright white and have the feeling that people are clicking on my handwriting!  

 

https://www.grahamnielsen.com/work 

 

Ok using the first CSS in this thread I have the overlay removed WHILE hovering and still maintained the ability to change background image. However, I want the overlay before the hovering begins to also be removed. Can anyone help me out?

On 4/13/2022 at 9:03 AM, GFN99 said:

Ok using the first CSS in this thread I have the overlay removed WHILE hovering and still maintained the ability to change background image. However, I want the overlay before the hovering begins to also be removed. Can anyone help me out?

It looks like you solved this?

On 4/18/2022 at 5:39 AM, tuanphan said:

It looks like you solved this?

I resolved it slightly by selecting "keep last selection" when editing the portfolio, but when you load the page it still shows up as grey for a second and then turns white. Is there any CSS that I can use to remove the grey overlay completely so that I do not have to use "keep last selected"? Thanks

On 4/18/2022 at 5:39 AM, tuanphan said:

It looks like you solved this?

Hi @tuanphan! Thanks for your help on this topic. When I use the code below the image that's supposed to be featured in the portfolio hover effect disappears altogether. Do you have any other suggestions of selectors? I'm using the portfolio hover follow cursor settings for reference!

.portfolio-hover-bg {
    opacity: 0 !important;
}

On 5/14/2022 at 1:51 AM, hannahkruegerstudio said:

Hi @tuanphan! Thanks for your help on this topic. When I use the code below the image that's supposed to be featured in the portfolio hover effect disappears altogether. Do you have any other suggestions of selectors? I'm using the portfolio hover follow cursor settings for reference!

.portfolio-hover-bg {
    opacity: 0 !important;
}

 

Can you share link to portfolio page? We will check it again

On 5/15/2022 at 3:43 AM, tuanphan said:

Can you share link to portfolio page? We will check it again

Hey! Thank you so much. Here's the URL: jhmcreativeco.squarespace.com/. Password: jhm

On 5/19/2022 at 2:04 AM, hannahkruegerstudio said:

Hey! Thank you so much. Here's the URL: jhmcreativeco.squarespace.com/. Password: jhm

Which page are you referring to? I Don't see on homepage/portfolio page

On 5/20/2022 at 6:59 PM, tuanphan said:

Which page are you referring to? I Don't see on homepage/portfolio page

There's a hover follow cursor on the homepage in the middle, but I found a work around. Thanks anyway!