Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  
caesrny

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

Question

7 answers to this question

Recommended Posts

  • 2

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!

Edited by cburdis

Share this post


Link to post
  • 0

@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

Edited by abcindo
Initial Revision

Share this post


Link to post
  • 0

@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

Share this post


Link to post
  • 0

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


 .form-block { 
color: #000000; 
}


Share this post


Link to post
  • 0

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


 .form-block { 
color: #000000; 
}


Share this post


Link to post
  • 0

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

form-background.png.c7b57fe05c1431be089a64fd31fcd044.png

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

×
×
  • Create New...