In Jotform Form Builder, you can inject custom CSS codes to customize your form. The same can be done to widgets. Widgets need to have their own option for CSS injection since they reside in their own respective iframes and are restricted by the same-origin policy. The same-origin policy restricts how a document or script loaded from one origin can interact with a resource from another origin.
This feature is only available to Classic forms. For more information, see Cards or Classic: Which One Should I Use?
To add CSS to a widget
- In the Form Builder, select the widget’s wand icon to open settings.
- In the settings panel on the right, go to Custom CSS at the top.
- Enter your CSS code in the textarea.
- Select Update Widget at the bottom to save the changes.