How to Inject CSS Codes to Widgets

In Jotform Form Builder, you can inject custom CSS codes to customize your form. You can do the same to widgets.

Here’s how:

1. Click the wand icon to open the Widget Settings panel.
2. Go to the Custom CSS tab.
3. Enter your CSS code in the textarea.
4. Click the Update Widget button to save the changes.

The reason why widgets need to have their own option for CSS injection is that 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.