Required/optional field stylization options | Community
Skip to main content

Required/optional field stylization options

  • October 22, 2021
  • 2 replies
  • 0 views

Currently, it seems that fields where "Required to submit a request" is unchecked automatically have "(optional)" appended to their label in the form, and fields where "Required to submit a request" is checked simply go unmarked. This can be confusing as most online forms deal in the opposite logic; where required fields usually have an asterisk (often red in color) and optional fields are unmarked. In fact, the form I'm typing this post into is like that.

We need the ability to choose styles for how our required and unrequired fields are marked.

2 replies

Sam15
  • October 22, 2021

Hi @jlivsey! You can do this by editing the style.css file in your Help Center theme. The CSS may differ depending on if you have a custom theme or not. In ours, it's read as:

.form-field.required > label::after {
content: "*";
color: deeppink;
margin-left: 2px;
}

Hope this helps!


  • Author
  • October 22, 2021

Hey, thanks @Samuel Mosher! I wasn't aware we had the option to customize our theme styles--This worked really great.