Jump to content

How to Remove Hover Effect For Image Changed with Form Button

Recommended Posts

Site URL: https://jdmlabs.io/test

Hello,

 

I am trying to turn off the hover effect for the button that is used when the Lightbox is enabled for the form block. I was able to replace the button with a custom image, but I am unable to remove the hover effect. I just want it to be the consistent image when it's hovered over. 

 

I utilized the button tag

button.lightbox-handle.sqs-system-button.sqs-editable-button

but I am at a roadblock for how to not allow a hover.

Screen Shot 2021-10-21 at 3.11.03 PM.png

Screen Shot 2021-10-21 at 3.11.07 PM.png

Link to comment
3 hours ago, DustyBottoms said:

Site URL: https://jdmlabs.io/test

Hello,

 

I am trying to turn off the hover effect for the button that is used when the Lightbox is enabled for the form block. I was able to replace the button with a custom image, but I am unable to remove the hover effect. I just want it to be the consistent image when it's hovered over. 

 

I utilized the button tag

button.lightbox-handle.sqs-system-button.sqs-editable-button

but I am at a roadblock for how to not allow a hover.

Screen Shot 2021-10-21 at 3.11.03 PM.png

Screen Shot 2021-10-21 at 3.11.07 PM.png

Try

#block-yui_3_17_2_1_1634662242708_2610 button.lightbox-handle:before {
    display: none;
}

#block-yui_3_17_2_1_1634662242708_2610 button.lightbox-handle:hover {
  opacity: 1;
  color: unset;
}

Let me know if it works properly on your site

Support me by pressing 👍 if this useful for you

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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.