Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Hawley Template - Want Links for Works to Change Colour


enochliu

Question

  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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; }

Posted Images

7 answers to this question

Recommended Posts

  • 0

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!

Screen Shot 2020-03-30 at 6.15.19 PM.png

Screen Shot 2020-03-30 at 6.15.27 PM.png

Link to post
  • 0
Posted (edited)
12 hours ago, tuanphan said:

Did you insert both code? or only one?

i inserted both codes. Here's a screenshot.

Capture new.PNG

Edited by enochliu
Link to post
  • 0

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

Edited by M_H3
additional information
Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...