Form Styling Disappeared, Did Something Change from Squarespace?

.form-wrapper{
padding:20px;
}

.title{
  font-family:'CSB-Roma'!important;
  text-transform:uppercase;
  text-align:left;
  text-indent:0;
color:#000000;
  font-style: italic;
}

.caption
{font-family:'CSB-Roma'!important;
  text-transform:uppercase;
  font-size:10px;
  text-align:left;
	color:#000000;}

.form-wrapper .field-list .field .field-element 
{
  font-family:'CSB-Roma'!important;
  border:none;
border-bottom-style:solid;
border-bottom-width:2px;
border-color:#000000;
}

.button.sqs-system-button.sqs-editable-button{
font-family:'CSB-Roma'!important;
letter-spacing:1px;
      background-color: none!important;
}


.sqs-block-form .field-list .title, .form-wrapper .field-list .fields .title, .form-wrapper .field-list .fields .description, .form-wrapper .field-list .fields .field, .form-wrapper .field-list .fields .field-error {
    font-family: 'CSB-Italic'!important;
    background-color: none!important;
}

.button.sqs-system-button.sqs-editable-button {
  font-family: 'CSB-Roma'!important;
}


div.form-block input:not([type="submit"]), div.form-block textarea {
    background-color: none!important;
    border: none !important;
   border-bottom: 2px solid black !important; 
    color: black !important;
}

.field .caption .field-element {
  font-family : 'CSB-Roma'!important;;
  }

/* 
Hide required on field titles 
*/
.form-wrapper .react-form-contents .field-list .title .required, .form-wrapper .react-form-contents .field-list .fields .description.required {
  visibility: hidden;  
}
.form-wrapper .react-form-contents .field-list .title .required:before, .form-wrapper .react-form-contents .field-list .fields .description.required:before {
  visibility: visible;  
  content: "*"; 
     font-family: 'CSB-Italic'!important;
  font-size: 1.5em;
  line-height: 1em;
}

.caption {
   font-family: 'CSB-Roma'!important;
}

/* Change the submit button colors */
.form-wrapper input[type=submit]{
background-color: none!important;
  color: transparent!important;
  font-size: 2rem!important;
border-bottom: 2px solid black!important;
  margin-top: 5%;
}

.form-wrapper input[type=submit]:hover{
background-color: none!important;
  font-family : 'CSB-Italic'!important;;
}

This is the custom CSS I have inserted for the Form. Everything was styled correctly last week, but now, logged in and:

1. the Submit button is a little black square (instead of h1, with an underline)
2. First Name Last Name text is not my custom typeface 
3. Input font is not my custom typeface

https://tuba-synthesizer-h36d.squarespace.com

PW 12345

Squarespace are likely changing some of the backend coding, so some of this may need adjusting, or waiting until the changes are finalised.

@tuanphan anything? 

In addition to my previous list of things that have changed with the form, there's now white backgrounds in the entry fields (they were transparent previously). 

1. the Submit button is a little black square (instead of h1, with an underline)
2. First Name Last Name text is not my custom typeface 
3. Input font is not my custom typeface
4. Input background is white, not transparent

This very thing is happening to me as well! The only time I see the changes is when I log into my website. I've changed my input form from my contact page but it keeps changing back though its saved in my custom css.

On 10/25/2023 at 11:34 PM, Ebs12 said:

What is your site url?

On 10/26/2023 at 10:31 PM, tuanphan said:

What is your site url?

www.themeadowstudios.com but I have it on private right now to finish coding.

On 10/30/2023 at 10:58 PM, Ebs12 said:

www.themeadowstudios.com but I have it on private right now to finish coding.

You can change to password protected, so we can access & check easier