Jump to content

What code should I use to get the hover effect on the first image and gallery carousel?

Recommended Posts

 

Website link here -->https://www.cindyamaya.com/art

Hover cursor effect seems to work on some not all images. 

Current code I'm using, 

 

body {

margin: 0;

height: 100vh;

cursor: url(https://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/6423376e1c0c323225ad35d9/1680029550633/Star+6+%284%29.png), auto;

}

a:hover{

cursor: url(https://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/642339298729d87d014fdc45/1680029993958/Star+8.pnghttps://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/64233872342b7d12608879bc/1680029810989/Star+7.png), auto;

}

/*custom cursor 2 = image links*/
.sqs-block-image a img {
cursor: url(https://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/642339298729d87d014fdc45/1680029993958/Star+8.png), auto !important;
}

/*custom cursor fix on gallery images that are not link or lightbox to stay 1 */
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor {
     cursor: url(https://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/642339298729d87d014fdc45/1680029993958/Star+8.png), auto !important;
   }

/*custom cursor 2 on gallery image wiht lightbox */
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img{
cursor: url(https://static1.squarespace.com/static/5a6f6437e5dd5bf8be942e25/t/642339298729d87d014fdc45/1680029993958/Star+8.png), auto !important;
}

1 image.png

2 image.png

Link to comment
  • Replies 1
  • Views 215
  • 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.