How to Inject Custom CSS Codes

November 21, 2024

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.

Youtube Embed Poster: v2apY6221Ro

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. Enter your code under Inject Custom CSS. All changes are saved automatically.
The Inject Custom CSS field in Jotform Form Builder

Remember to view your form in Preview or Live mode to check how form fillers see your form. You can find custom CSS code examples here. 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:

  • Dominique Poe - Profile picture
  • Larry917 - Profile picture
  • Natalie Broomfield - Profile picture
  • Math Minds - Profile picture
  • Stefanie Hibbert - Profile picture
  • Danielle Schaafsma - Profile picture
  • 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