Choice Section & File Upload Design

[Joshua_Stanley]

I am trying to make this form look like this design (first image is design second image is current form). Here are my current struggles:

1. Choice Section
   1. color of choice text.
   2. Is it possible to add a background around the title for the choice section?
   3. is it possible to make the checkbox outline only?
2. File Upload
   1. can I change the copy of the file upload?
   2. Changing the background color of the file upload section.
   3. changing the text color of the file upload.

THANK YOU FOR YOUR HELP!

[Max]

Hello there, @Joshua_Stanley

Sure, we’ll be happy to help!

Choice section

1. Please add this code to the Custom CSS field on the Appearance tab of your widget’s settings:

.es-choice-option-item-label {
  color: black;
}

2. Here is a CSS code a background to the Choice section title:

.es-field-layout-label {
  background-color: #000;
  width: fit-content;
  padding: 12px;
}

3. Could you please elaborate on what you mean under “outline only”?

File upload

1. I am afraid I didn’t quite get what you mean under changing the copy of the file upload. Could you please describe your idea in more detail?

2. This CSS code will do the trick:

[class*="File__Container-sc"] {
  background-color: black;
}

3. Please use this CSS code to change the color of the File upload label"

[class*="File__Text-sc"] {
  color: white;
}