How can I remove the iframe border on a form embedded in wordpress.com

  • daaim0
    Asked on April 17, 2017 at 11:03 AM

    Hi, I tried following the advice on other threads (custom css) but can't find a solution to my issue. Is it possible to remove the embed border around the forms on wordpress.com?  To clarify, I don't mean the shaded border but rather the iframe border.

    I used the following command to embed the form into wordpress.com: [embed]https://form.jotform.co/form/71063390979869[/embed]

    Website: https://daaim0.wordpress.com/

    Thanks

     

     

    Jotform Thread 1120945 Screenshot
  • Support_Management Jotform Support
    Replied on April 17, 2017 at 12:18 PM

    Hi there too 😊 I saw what you mean when I checked your website and this is mainly because of how your form was embedded. Since you're using wp.com, your options are quite limited but you may still fix this, within Wordpress, by adding some lines of CSS Codes (not in JotForm).

    Follow the guides I'm linking below from WP's help pages if you're not familiar on how/where to insert CSS on your website.

    https://en.support.wordpress.com/custom-design/editing-css/

    https://en.support.wordpress.com/custom-css/

    The CSS codes you need to insert are the following:

    .embed-jotform iframe {

        border: 0 !important;

    }

    Result:

    How can I remove the iframe border on a form embedded in wordpress Screenshot 20

  • daaim0
    Replied on April 17, 2017 at 6:21 PM

    Thanks for your support!  Looks like I need to look at WP premium for that solution.

     

    Thanks again.