Jump to content

No link cursor on gallery hover

Go to solution Solved by tuanphan,

Recommended Posts

Hello,

There is no cursor change on hover over my gallery images so I'm not sure visitors understand the image is clickable to see the next image in the gallery.

Please see here: https://sabo-project.com/sacha

I used custom CSS to add a " prev / next " under the gallery. This may be why the cursor doesn't change on hovering.

Could you please let me know a code to have a link pointer (hand) when hovering over the gallery image AND the " prev / next " below?

Thanks!

Here is the code I've used:
 

.sqs-gallery-controls {
     background-color: white;
     padding-top: 5px
 }
 
 .sqs-gallery-controls .previous, .sqs-gallery-controls .next {
     background-color: transparent;
     margin-top: 0;
   padding: 0 !important;
   line-height: inherit;
     position: static;
 }
 
 .sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover {
     background-color: transparent;
 }
 
 .sqs-gallery-controls .previous::before, .sqs-gallery-controls .next::before {
     color: #000000;
     width: inherit;
     font-size: 16px;
     font-family: europa;
 }
 
 .sqs-gallery-controls .previous::before {
     content: "Prev";
 }
 
 .sqs-gallery-controls .next::before {
     content: "Next";
 }
 
 .previous::after {
   content: "/";
   color: #000000;
   margin-left: 5px
 }

 .logo-image{
   pointer-events:none;
 }

.sqs-gallery .meta-title{color:black!important; font-size:1rem!important; background:white; margin: -10px!important;outline:17px solid white; 
}

 

Link to comment

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.