How to Inject Custom CSS Codes

May 4, 2022

This guide is for the Classic Form layout. The “Inject Custom CSS” feature is not available in the Card Form layout. For more detail, see: Cards or Classic: Which One Should I Use?

Jotform gives you a wide variety of ways to customize how a CSS form is rendered. An example of customization can be found in this guide: Customize your Form using Custom CSS Codes

In this guide, you’ll learn how to inject custom CSS codes into your Classic form.

  1. In the Form Builder, click the Form Designer icon.
  2. Go to the Styles tab.
  3. Scroll down a bit, and enter the code in the Inject Custom CSS area.
  4. Make sure to click on the Save button.
form-builder-inject-custom-css-min.png

We also have a guide about “How to Inject CSS Codes into Widgets” that you can check out.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments: