Jump to content

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

Recommended Posts

  • 2 months later...
  • Replies 7
  • Created
  • Last Reply

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!

Link to comment
  • 9 months later...
  • 2 months later...
  • 6 months later...
  • 1 year later...

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);

alt text


Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.