Jump to content

Hawley Template - Want Links for Works to Change Colour

Recommended Posts

  • Replies 7
  • Views 1.2k
  • Created
  • Last Reply

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 comment
  • 4 weeks later...

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


[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

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.