code Newsletter form hover text colour change

Site URL: https://peachanddot.com/

Hi,

Do you know how to change the hover text for my sign up forms (both can be seen on this page (https://peachanddot.com/freebies) from black to white (so it matches the rest of the buttons on the site). I've managed to change the rest of the buttons with this tweak:

/* BUTTON TEXT TWEAK */
.sqs-block-button-element{
color: #ef7b7b !important;
background: #ffffff !important; background-color: rgba(0, 0, 0, 0) !important;
border: 2px solid #ef7b7b !important;

&:hover {
color: #ffffff!important;
background: #ef7b7b !important;
border: 2px solid #ef7b7b !important;
}}
.form-wrapper input[type=submit]:hover {
  color: #ffffff !important;
  background-color: #ef7b7b !important;
}

Thanks!

19 minutes ago, peachanddot said:

Site URL: https://peachanddot.com/

Hi,

 

Do you know how to change the hover text for my sign up forms (both can be seen on this page (https://peachanddot.com/freebies) from black to white (so it matches the rest of the buttons on the site). I've managed to change the rest of the buttons with this tweak:

 

/* BUTTON TEXT TWEAK */
.sqs-block-button-element{
color: #ef7b7b !important;
background: #ffffff !important; background-color: rgba(0, 0, 0, 0) !important;
border: 2px solid #ef7b7b !important;

&:hover {
color: #ffffff!important;
background: #ef7b7b !important;
border: 2px solid #ef7b7b !important;
}}
.form-wrapper input[type=submit]:hover {
  color: #ffffff !important;
  background-color: #ef7b7b !important;
}

 

Thanks!

try this

 .newsletter-block .newsletter-form-button:hover {
   color: #fff !important;
}

Yes, that did the trick, thanks a lot!

On 3/4/2021 at 9:15 PM, peachanddot said:

Yes, that did the trick, thanks a lot!

On tablet, I see huge white spacing here.

Add this to Design > Custom CSS

/* freebies tablet spacing */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-yui_3_17_2_1_1613757506563_7292 {
    display: none;
}
div#block-yui_3_17_2_1_1613757506563_15814 {
    display: none;
}
}

Thanks Tuanphan, I didn't realise but got it fixed now!