Swap Image on Hover + Keeping the Image on Active

Site URL: https://pte.squarespace.com/

Password: Party

Hello again!

Can you please help me switch out the image I have in my footer section? 

I would like to switch on hover to this image: "https://i.imgur.com/KB10woB.png"

And keep that image active if the user is on the home page. 

Thanks!

Add to Design > Custom CSS

footer.sections .image-block:hover img {
    content: url(https://i.imgur.com/KB10woB.png);
}

Excellent! @tuanphan,

Would you be able to supply me with the code to keep the logos on their hover images whenever the user is on the home page? Then when they leave, the logos go back to their original (all white) state.

Thanks

password: Party

You mean on hover >> change to another logo?

@tuanphan

On Hover >> change to another logo - we got that working perfectly, no issues there. 

But in another thread, if you recall, you helped me with the footer links so that when you go to the About page, the ^About link stays pink to indicate you are on that page. Same with the ^Work link, ^Blog, etc.

I want the Part Time Evil Logos to stay pink when the user is on the home page. And go back to white when they are on a different page. 

On 1/27/2022 at 12:42 AM, pbueno24 said:

@tuanphan

On Hover >> change to another logo - we got that working perfectly, no issues there. 

But in another thread, if you recall, you helped me with the footer links so that when you go to the About page, the ^About link stays pink to indicate you are on that page. Same with the ^Work link, ^Blog, etc.

I want the Part Time Evil Logos to stay pink when the user is on the home page. And go back to white when they are on a different page. 

Add to Custom CSS

body:not(.homepage) footer.sections img {
    content: unset !important;
}