How can I change the CSS of the embedded form?

  • Profile Image
    Asked on October 18, 2013 at 03:16 PM


    I'd like to change some of the padding and margins of the form I'm embedding in my WordPress site.  Is there some way to do that within JotForm?



  • Profile Image
    Answered on October 18, 2013 at 03:30 PM

    Hi David,

    Yes, that is possible with Jotform. You can inject a custom CSS codes to your form. Please follow this guide: How to Inject Custom CSS Codes.

    You can check form elements by following this guide: How to Find Field IDs & Names OR use Google Chrome and Mozilla Firefox "Inspect Element" feature.

    If you want to change the padding of the entire form, you can use the following codes:

    .form-all {

    padding-left: 12px! important;


    Change the values. Let us know if you need any further assistance.