How do I style missing required fields in entry forms?

When you opt to require guests to fill out an entry form before they can begin a chat, the fields in your entry form can either be optional or required. The only exception to this is the question field, which is always required. If a guest has not completed a required field, the guest will be prompted by the browser to complete the field before submitting the entry form and the guest will also see a red border around the missing required field.

If you would like to change the red border or add further customizations to missing required fields, you can do so by including custom styling in the Wicked CSS Hacks area of the chat box skin editor in the skins management page of the admin dashboard. 

This is the default styling applied to the entry form that produces the red border:

form input:invalid, form select:invalid, form textarea:invalid {
  border: 2px solid #f00;
}

To override the default styling, you can copy the above styling into Wicked CSS Hacks (entry form area) and then modify to add styling as desired. 

If you need any help customizing styling, please contact LibraryH3lp support. We're happy to help!

FAQ URL: