How to Remove Hover Effect For Image Changed with Form Button

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.

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.

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

This worked! 

Thank you!