How can I change the background color of a form block?

How can I change the background color of a form block and will the change affect all blocks on my site?

This should do the trick for the Form Block background:

.form-block { 
/* block background color */  background-color: #000000;
/* text color */ color: #ffffff; 
}

The Submit button will also change color when you do this, so you can add the additional code below, if you want to modify the Submit button too:

.form-wrapper input[type="submit"] {
background-color: #fff000;
}

Hope it helps!

@cburdis

Is this for Custom CSS or can you add this to Header as well?

I have a cover page and I am trying to edit the background of the form I have

@cburdis

Is this for Custom CSS or can you add this to Header as well?

I have a cover page and I am trying to edit the background of the form I have

Forms on a Cover Page use the Background color from the Cover page Styles. See the KB guide here:

https://support.squarespace.com/hc/en-us/articles/206544197

If you want to change only the text color, you can use this code here:

 .form-block { 
color: #000000; 
}

If you want to change only the text color, you can use this code here:

 .form-block { 
color: #000000; 
}

Hello. This and many other options work with Elfsight widgets too (look at the example in the picture below). You can try it out yourself, it might be an interesting experience: https://elfsight.com/online-form-builder/.Actually, I think this widget is one of the best. It has a lot of customizable parameters, due to which it can solve many completely different tasks.

.eapps-form-layout-boxed {background: rgb(140, 300, 150);