Browse Article by Topicscss inject css custom css custom style css hack
- Customize Your Form Using Custom CSS Codes
- How to Stylize Feedback/Lightbox Title?
- How to Inject Custom CSS Codes
- Submit Button CSS & CSS3
- How to find field IDs and names
- How to Apply Custom CSS to the Product Field
- How to Have Sub-Category or Sub-Labels on an Order Form
- How To Remove Sub-Fields From Full Address Field
- How To Have Two Column Payment Form
- How to make mobile friendly forms on JotForm
Related Forum Questions
- 2-column layout: Aligning the form fields
- How do I change the width of hour, minute, and AMPM fields
- Why is my form so far to the right in Form Builder? - RESOLVED
- Code to make the data boxes line up
- Spacing/Stretching Issues
- Discovered a supernice CSS Way to style Input fields
- Showing terms and conditions when user clicks on the link
- Prevent mobile phone keyboard from activating when interacting with date-field.
- Importing font from Google not working - need help
- How can I change colors on the numeric slider widget?
How to Inject Custom CSS CodesLast Update: October 3, 2016
Jotform gives you a wide variety of ways to customize how a form is rendered. An example of customization can be found on this guide: Customize your Form using Custom CSS Codes. In this guide, you'll learn how to inject a custom CSS codes to the form.
Please follow the steps below:
1. In the form builder, click the Design icon from the main toolbar.
2. Go to the CSS tab and then insert your custom CSS codes into the box.
3. Click on the "Save Changes" icon to save your changes.
Having difficulties with the custom CSS? Please let us know in the comment box below or heads up to our support forum and create a new post explaining your issue.