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

  • Profile Image
    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

     

     

  • Profile Image
    Jim_R
    Answered 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:

  • Profile Image
    daaim0
    Answered on April 17, 2017 at 06:21 PM

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

     

    Thanks again.