How can I set up a hover effect for newsletter and lightbox button?

Site URL: https://freedomofmovement.squarespace.com/

Hi there!

I have set up a hover effect for all my buttons. Unfortunately it doesn't work yet for the newsletter button and the lightbox button (used on my page at 'kontakt'). Can someone tell me how to set up the effect for these buttons?

I am very happy about your help!
 

Side Password: fom2022

1 hour ago, SimonFr said:

Site URL: https://freedomofmovement.squarespace.com/

Hi there!

I have set up a hover effect for all my buttons. Unfortunately it doesn't work yet for the newsletter button and the lightbox button (used on my page at 'kontakt'). Can someone tell me how to set up the effect for these buttons?

I am very happy about your help!
 

Side Password: fom2022

Try adding to Home > Design > Custom Css

[data-new-color-theme-rendering] .sqs-block-newsletter .newsletter-form-button:hover {
  color: red !important;
  background: white !important;
}

Let me know how it works on your site

Thank you very much. The hover works fine. How can I change it so that the button is no longer transparent when the cursor is on it?

For the lightbox button the hover doesn't work yet either. Do you have an idea how I can set this up?

17 hours ago, SimonFr said:

Thank you very much. The hover works fine. How can I change it so that the button is no longer transparent when the cursor is on it?

Use this CSS

[data-new-color-theme-rendering] .sqs-block-newsletter .newsletter-form-button:hover {
    background-color: #71919e !important;
    opacity: 1 !important;
}

16 hours ago, SimonFr said:

For the lightbox button the hover doesn't work yet either. Do you have an idea how I can set this up?

Use this CSS

button.lightbox-handle:hover {
    background-color: #71919e !important;
    opacity: 1 !important;
}

Great, thanks for the help!