Not able to inject custom CSS using new form layout

  • littlelaohu
    Asked on October 15, 2017 at 4:06 PM

    Hello Support,

    Is there a new way to inject CSS to the forms? I can't seem to find the CSS tab as indicated in your guide. 

    Look forward to your response,

    Thank you.

    Jotform Thread 1273733 Screenshot
  • jonathan
    Replied on October 15, 2017 at 5:16 PM

    It is not possible to inject custom CSS codes on the form if using the new Form Layout. You will have to switch the form layout first to the Legacy layout to be able to inject CSS codes.

    To go back to Legacy Layout, please see steps below.

    Not able to inject custom CSS using new form layout Image 1 Screenshot 30


    Not able to inject custom CSS using new form layout Image 2 Screenshot 41



    Let us know if you need further assistance.

  • littlelaohu
    Replied on October 16, 2017 at 8:57 PM

    Thanks for your response Jonathan. I've tried to inject .jotform-form { padding: 0px !important; } to the css without reduction to the padding.

    Anything i'm doing wrong?

    Thank you!

  • jonathan
    Replied on October 16, 2017 at 10:23 PM

    I test your form on my browser and it look very minimal already. 

    Can you tell us what it is you are after?

    1508206914zzz 2017 10 17 10 Screenshot 10


    The form was using the view screen full width. But since the form was design for small viewer like on mobile browser, it will appear to have spaces when used on desktop browser.

  • littlelaohu
    Replied on October 17, 2017 at 2:36 AM

    Thanks again! 

    I'm embedding the form to a wordpress.com website. Here is the address: https://littlelaohu.wordpress.com/. There is a large space between the subscribe button and the jotform signature. i will like to close up that space.

  • candy
    Replied on October 17, 2017 at 3:45 AM

    We are sorry for the inconvenience you have.

    I have checked the embedded form in your Wordpress.com website. I have seen the problem as seen below:

    1508225635Screen Shot 2017 10 17 at 10 Screenshot 10

    I have cloned your form on my side in order to test it. You can set height option to the link while embedding your form into your Wordpress.com page as you can see below:

    1508226142Screen Shot 2017 10 17 at 10 Screenshot 211508226173Screen Shot 2017 10 17 at 10 Screenshot 32

    Please find the following link that I have used: 

    [embed height="300px"]https://form.jotform.com/form/72892094523967[/embed]

    Please try and let us know if you need any further assistance. 

  • littlelaohu
    Replied on October 17, 2017 at 5:14 AM

    Fantastic! This worked like a charm

    Thanks a lot