Newsletter Button text not visible on hover

On 7/15/2022 at 10:44 AM, knellans said:

Site URL: https://www.sitbelove.org/

Hello,

 

How do I change the text color on the newsletter button's hover state?

 

Currently, the button is white on hover with white text. I would like to change the hover text to black. 

 

This is the code ive added: 

/*newsletter styling*/

.newsletter-form .newsletter-form-button
{
  width: 300px !important;
      height: 50px !important;
      font-size: 0.9rem !important;
      text-transform: uppercase;
      padding-top: 13px !important;
      font-weight: 600;
      letter-spacing: 1px;
      text-align: center ;
}

.newsletter-block * {color:white!important}

.newsletter-form-body {
    input.newsletter-form-field-element {
      width: 300px !important;
      height: 50px !important;
      font-size: 0.9rem !important;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 1px;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.65);
      border: 2px dashed #000;
  }}

Thank you so much for your insight. 

 

password: buddha

You can try adding Home > Design > Custom Css

.newsletter-form-button:hover .newsletter-form-button-label {
  color: #000 !important;
}

Let me know how it works on your site