How to Inject Custom CSS Codes

December 7, 2023

Jotform’s Form Builder has a built-in form designer that you can use to make your form look exactly how you want it to without coding. Custom CSS codes are also supported if you’re looking for more customization options.

Note

This guide is for applying CSS to Classic forms. Custom CSS is not supported on Card forms. To learn more, see Changing Form Layout.

To add custom CSS to your Classic form

  1. In the Form Builder, select the paint roller icon in the upper-right corner.
A screenshot of Form Builder with an arrow pointing to the paint roller icon -- to open Form Designer
  1. In the Form Designer panel on the right, go to Styles at the top.
A screenshot of Form Builder with an arrow pointing to the Styles tab in the Form Designer pane
  1. Scroll down to Inject Custom CSS and enter your CSS code in the textarea — all changes are saved automatically.
The Inject Custom CSS field in Jotform Form Builder
  1. View your form in Preview or Live mode to check how your form fillers see your form.

You can find custom CSS code examples in this guide. For applying CSS codes to widgets, see How to Inject CSS Codes Into Widgets.

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:

  • Vscore Inc - Profile picture
  • Justin Prank - Profile picture
  • Molnár Vilmos - Profile picture
  • GCT Webforms Admin - Profile picture
  • WA Senathissa - Profile picture
  • Mario anchondo teran - Profile picture
  • Sakinah - Profile picture
  • Arizona Youth and Government - Profile picture
  • Plovdiv Chamber PCCI - Profile picture
  • Marcriza Dispo (Ms. MC) - Profile picture
  • Fashion Designers - Profile picture
  • MURAHO Technology - Profile picture
  • Ben - Profile picture
  • Rasvinderpall Singh - Profile picture
  • Rasvinderpall Singh - Profile picture
  • Rasvinderpall Singh - Profile picture
  • Wendy Dann-Marcel - Profile picture
  • Rana Murr - Profile picture
  • Chris Horrell - Profile picture
  • Jerome - Profile picture
  • John Picton - Profile picture
  • Susan Kass - Profile picture
  • Jennifer - Profile picture
  • joana bailey - Profile picture
  • joana bailey - Profile picture