Hawley Template - Want Links for Works to Change Colour

I want to get the links on my home page to change from black to white when you hover over them. I want the navigation to stay the same colour

What do you mean?

Sorry for any confusion! I've attached a few screenshots to help illustrate what I'm trying to ask.

In the first screenshot, my mouse is not touching any of the links. When this happens, I want the link to be black.

In the second screenshot, my mouse is hovering over one of the links. When this happens, I want the link to turn white.

Hopefully this helps!

Add to Home > Design > Custom CSS

[data-active="false"] span.portfolio-hover-item-content {
    color: black;
}
[data-active="true"] span.portfolio-hover-item-content {
    color: white;
}

It almost worked! However, the links are permanently white, instead of turning from black to white when I hover over them.

13 hours ago, enochliu said:

It almost worked! However, the links are permanently white, instead of turning from black to white when I hover over them.

 

 

Did you insert both code? or only one?

12 hours ago, tuanphan said:

Did you insert both code? or only one?

i inserted both codes. Here's a screenshot.

enochliu, the code tuanphan gave you is correct but switch it around 

Quote

[data-active="true"] span.portfolio-hover-item-content {
    color: white;
}

[data-active="false"] span.portfolio-hover-item-content { 
    color: black; 
}

 

I was trying to do the same thing. thanks tuanphan!

edit: it's still not perfect though. the menu stays white by default until you hover over the items for the first time, then they turn black with white on hover