Form CSS: Updating a few elements on my form

he time field if in black not white.

The focus area when you select a element is light blue. I tried changed this under simulate highlight but it didn't change.

Under the product how do I change the colour of the pricing?

Hi Derek,

We can improve your form by using a few CSS codes. Let me walk you through it:

1. In Form Builder, click on the Paint Roller icon on the right.
2. Next, under the Styles tab, paste the following codes into the CSS box.

#lite_mode_52::-webkit-input-placeholder {

color: gray; /* date field placeholder color*/

}

.form-line-active {

      background-color: green !important; /* highlight color on active field*/

}

.form-line-error {

      background-color: red !important; /* highlight color on error field*/

}

.form-product-details {

  color: black !important;  /* product list prices color*/

}

On the codes that I shared, you can adjust the color as per my notation for each line. Feel free to test this cloned demo form or clone it to your account to inspect it further. We also have a guide on How to Inject Custom CSS Codes that you can check out.

Let us know if you need any other help.