Can't change contact form block background and border with custom css !!

Hi!

I applied the following code but the form block stayed the same and I can't change the background color with any code, please help what do I do !!

.sqs-block-form .field-list .field input, 
.field textarea { 
border: 1px solid #eee;
border-radius: 5px;
background: #e5f5f6;
}

3 hours ago, selouwee said:

Hi!

I applied the following code but the form block stayed the same and I can't change the background color with any code, please help what do I do !!

.sqs-block-form .field-list .field input, 
.field textarea { 
border: 1px solid #eee;
border-radius: 5px;
background: #e5f5f6;
}

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.sqs-block-form .field-list .field input, .sqs-block-form .field-list .field.textarea textarea { 
  border: 1px solid #eee !important;
  border-radius: 5px !important;
  background: #e5f5f6 !important;
}

37 minutes ago, Web_Solutions said:

 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.sqs-block-form .field-list .field input, .sqs-block-form .field-list .field .field textarea { 
  border: 1px solid #eee !important;
  border-radius: 5px !important;
  background: #e5f5f6 !important;
}

 

Thank you so so much for this, this mostly worked but the comments field didn't change! I'm attaching an image - Also another question, on the image I attached, when a form field is selected there's a black border around it. How do I change that color as well? Thanks again!!

1 minute ago, selouwee said:

Thank you so so much for this, this mostly worked but the comments field didn't change! I'm attaching an image - Also another question, on the image I attached, when a form field is selected there's a black border around it. How do I change that color as well? Thanks again!!

Can you share the page URL? It will be easier to check.

I unfortunately can't share that!!! Did you see the image? 

3 minutes ago, selouwee said:

I unfortunately can't share that!!! Did you see the image? 

I have update the code. Can you try the code now?

1 minute ago, Web_Solutions said:

I have update the code. Can you try the code now?

 

Whats the new code?!

2 minutes ago, Web_Solutions said:

I have update the code that I set previous. Also here is the code

.sqs-block-form .field-list .field input, .sqs-block-form .field-list .field.textarea textarea { 
  border: 1px solid #eee !important;
  border-radius: 5px !important;
  background: #e5f5f6 !important;
}

 

This worked!! Thank you!! Just one thing - how can I change the border color when a field is selected? I don't want it to be black. Attaching image

Just now, selouwee said:

This worked!! Thank you!! Just one thing - how can I change the border color when a field is selected? I don't want it to be black. Attaching image

Yes

3 minutes ago, selouwee said:

This worked!! Thank you!! Just one thing - how can I change the border color when a field is selected? I don't want it to be black. Attaching image

Here is the code. You can change the color green to as you want.

.sqs-block-form .field-list .field input.focus-visible, .sqs-block-form .field-list .field textarea.focus-visible {
  border-color: green !important;
  outline: none !important;
}