What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Removing the border of embedded form in Wordpress website

    Asked by bridgerjones on August 01, 2016 at 10:37 AM
    Hi, Can you tell us how you fixed it on the WordPress side? Thanks
  • Profile Image
    JotForm Support

    Answered by Jan on August 01, 2016 at 01:08 PM

    Please provide or share the URL of the webpage where the form is embedded so that we can take a look on how to remove the border. It could be within Wordpress or within JotForm.

    We'll wait for your reply. Thank you.

  • Profile Image

    Answered by bridgerjones on August 02, 2016 at 11:05 AM

    Hi Jan,

    Thanks. Here is the form on a webpage. As you can see, the form has ugly borders. I know that the form embeds nicely on other WordPress themes, and I cannot find how to solve the problem on the WordPress side with CSS.

    https://bridger-jones.com/

     

    Thanks,

     

  • Profile Image
    JotForm Support

    Answered by Jim_R on August 02, 2016 at 12:45 PM

    Thanks for that. I inspected how you installed the form on your website and found out you used the oEmbed method.

    The iframe on oEmbed doesn't have the styling you would normally get when using our Embed Form Plugin instead.

    Compared with what I showed above, this is how the iframe will be rendered with the Embed Form plugin:

    You'll notice that it automatically removes the borders for you, and added some nice styling to the iframe as well so it won't look odd on your website.

    You can get the plugin from this page https://wordpress.org/plugins/embed-form/ or just follow our quick guide on how to install it (and use it) here [GUIDE: Embed-JotForm-in-Wordpress-using-the-Embed-Form-Plugin

    To sum it up, here's how you will use it - Just go to the page/post where you want the form to appear > click the PENCIL icon > select your form from the list > Update the page/post and that's it :)

    Please give it a spin and let us know how it goes. If you're still seeing the borders even after using the Embed Form plugin, don't hesitate to get back to us.

  • Profile Image

    Answered by bridgerjones on August 02, 2016 at 12:48 PM

    Hi Jim R,

    Thanks,

    I am using wordpress.com so I cannot use plugins. I used the embed code specified for wordpress.com.

     

    Any thoughts?

     

  • Profile Image
    JotForm Support

    Answered by BJoanna on August 02, 2016 at 03:15 PM

    Can you please try to re-embed your form with iFrame code. Inside of this guide you can find how to get iFrame code of your form: https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

  • Profile Image

    Answered by bridgerjones on August 02, 2016 at 11:48 PM

    Many thanks for your emails guys,

    This piece of css worked:

    .embed-jotform iframe {
    border: 0 !important;
    }

    Fantastic support! :-)