Portfolio Hover:Background hide other project titles

Site URL: https://tuatara-parrotfish-8bdz.squarespace.com/

Hello,

I'm trying to figure this portfolio item out but can't seem to get it. What I would like to acheive is on hover of a project, can I hide the other project titles and only show the one being hovered on? And can I change the color of the title on hover?

I've been racking my brain trying to figure it out, any help would be greatly appreciated.

URL: https://tuatara-parrotfish-8bdz.squarespace.com/

Pass: testing123

Add to Design > Custom CSS

ul.portfolio-hover-items-list:hover li {
    opacity: 0;
}
ul.portfolio-hover-items-list:hover li:hover {
    opacity: 1;
}

12 hours ago, tuanphan said:

Add to Design > Custom CSS

ul.portfolio-hover-items-list:hover li {
    opacity: 0;
}
ul.portfolio-hover-items-list:hover li:hover {
    opacity: 1;
}

 

That worked thanks, I'm trying to have the hover link change to white so it can be viewable on the bacground image. I tried this but it didn't work

ul.portfolio-hover-items-list:hover li a:hover {
      color:#ffffff;
}

On 1/24/2021 at 9:57 AM, Kevinvegas said:

 

That worked thanks, I'm trying to have the hover link change to white so it can be viewable on the bacground image. I tried this but it didn't work

 

ul.portfolio-hover-items-list:hover li a:hover {
      color:#ffffff;
}

Hi. I see white color here. Do you still need help?

Yes i want to have the text be black on a white background like it is right now, but on rollover I want to change the text to white. I tried that code but it did not work.