get rid of the white box border that comes up on newsletter address

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

password: Palestine

Hi I want to remove the white box that popups up when you click to add in your email, as well as when you type the text be white not black  --- see attached photo

this is the current code I have now

footer.sections input {
    border-color: white !important;
  background: transparent !important;
  border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}
footer.sections input::placeholder {
    color: white !important;
}
footer.sections button.newsletter-form-button.sqs-system-button.sqs-editable-button-layout {
    color: black !important;
    border-color: black !important;
}

Add the following to Design > Custom CSS.

// uses LESS syntax

.bright #block-cef7b4c126d4be7e3ed7 {

  :focus {
  
    outline-color : transparent;
    
    }
    
  input {
  
    color : white;
    
    }
    
  }

This is for v7.1 and specific to the posters need.

Let us know how it goes.

On 6/24/2022 at 8:51 PM, creedon said:

Add the following to Design > Custom CSS.

// uses LESS syntax

.bright #block-cef7b4c126d4be7e3ed7 {

  :focus {
  
    outline-color : transparent;
    
    }
    
  input {
  
    color : white;
    
    }
    
  }

This is for v7.1 and specific to the posters need.

Let us know how it goes.

thanks it worked!