Jump to content

How do I create a color changing hover effect on portfolio item titles/links?

Go to solution Solved by tuanphan,

Recommended Posts

Hi there!

I'm trying to find a CSS code that will change the color of my portfolio item titles/links when the mouse hovers over them. The portfolio layout I'm using in Squarespace is "Hover: Background" (see attached screenshot).

I tried adding the following code to the Custom CSS section of the website's global settings, but it only seem to be working on hyperlinks:

h1, h2, h3, h4, p {

a {

  transition: 0.2s;

  &:hover {

color: #000000 !important;

}

}

}

Is there a crucial step I'm missing, or am I using the wrong code altogether? Thank you!

Screen Shot 2024-04-05 at 5.52.56 PM.png

Edited by reveriecreativeagency
My title was incomplete.
Link to comment
  • reveriecreativeagency changed the title to How do I create a color changing hover effect on portfolio item titles/links?
  • Replies 2
  • Views 706
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

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


×
×
  • 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.