trying to undo code that has been written to change the colour of form block where person enters their personal details

Hello 

I am desperately trying to solve this issue.  Had website built by professional, unfortunately not provided any support afterwards when I needed to make changes,  I have changed the colour/themes of things, and lots of other things, however on the contact us page, and in the section with the contact form block, the sections for people to enter their info into remain black, despite this not being congruent with the chosen theme for this section.  I have asked square space and they told me it was due to the custom css code, however I know nothing about code and scared to delete anything in case in affects something else,  all i want is for the boxes where people enter theirhttp://www.midnyt.com.au/contact info to be white, in accordance with the chosen theme 

Any ideas?

Find the following ruleset n Design > Custom CSS.

.form-wrapper .field-list .field .field-element {
  width: 100%;
  padding: 12px;
  margin: 6px 0 4px;
  border: 1px solid #c1c0bc;
  background: #0b0012;
  color: #c1c0bc;
  font-size: 14px;
  line-height: normal;
  box-sizing: border-box;
  border-radius: 2px
}

Change the first line to the following.

.page-section:not( .bright ) .form-wrapper .field-list .field .field-element {

Be very careful editing the CSS, one little character out of place and things can go wrong. You might want to save a copy before you start editing.

Let us know how it goes.

Quote

except for the submit button which has remained the same dark colour.  Im able to live with that but any ideas let me know!

This is a little more involved. There is some custom CSS that is making several changes to the button.

#siteWrapper.site-wrapper .sqs-button-element--primary {
  background: #0b0012;
  border-bottom: 1px solid #e6e4e8;
  color: #fff !important;
  padding: 1.2em 3.004em
}

If you wanted to go back to the default button you comment out or remove the CSS.

/*

#siteWrapper.site-wrapper .sqs-button-element--primary {
  background: #0b0012;
  border-bottom: 1px solid #e6e4e8;
  color: #fff !important;
  padding: 1.2em 3.004em
}

*/

The /* and */ denote the beginning and ending of a comment. Comments in CSS don't have an affect. The nice thing about going the comment the code out route is you can go back if you don't like what happened.

The second thing you'll need to look at is the Bright 2 color theme. I think you'll find that the button background color has been set to transparent. You'll need to change that.

thank you!  Ive mostly fixed it!  its grey now and not black but i think it looks ok!  Thanks so much for your help!