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

    How to remove background color using iframe embed

    Asked by DrivePayments on May 02, 2016 at 11:31 PM

    Hi,

    I'm using the iframe embed tool and I can't get my iframes to center. I don't want to have a side scroll bar and want to be able to remove (or change) the background color as well.

    Thanks for your help,

    Page URL:
    https://form.jotform.com/61209387701152

    iframe embed remove background how scroll thanks tool
  • Profile Image
    JotForm Support

    Answered by Chriistian on May 03, 2016 at 12:19 AM

    You can change the width of the iframe to fit the frame with the form. Extending the height of the iframe to the full height of the form should remove the scroll bars.

    Click the wand icon on the iframe widget.

    Select General and change the height and width of the iframe.

    To change the form background of the form in the iframe embed, you will need to modify the background of the form inside the iframe (https://form.jotform.com/61209005601138)

     

    If you need further assistance, please let us know.

  • Profile Image

    Answered by DrivePayments on May 03, 2016 at 01:18 AM

    Yes, thank you but I can't get rid of that "cream" background color https://form.jotform.com/61209387701152

  • Profile Image
    JotForm Support

    Answered by Chriistian on May 03, 2016 at 01:29 AM

    Are you referring to the background color when a field is selected?

    To resolve the issue, please inject the css below to your forms:

    .form-line-active{

    background-color: #ffffff!important;

    }

    To inject css, simply follow this guide: How To Inject Custom CSS

    If you need further assistance, please let us know.

  • Profile Image

    Answered by DrivePayments on May 03, 2016 at 01:33 AM

    No...I'm talking about the cream color around all of the white. It seems obvious to me so maybe you aren't seeing it on your end? here's a screen shot. 

  • Profile Image
    JotForm Support

    Answered by liyam on May 03, 2016 at 02:07 AM

    Hello,

    On your CSS injection, find the CSS class .form-line-active and change your background color to transparent. 

    Example:

    .form-line .form-line-active {
      background-color: transparent !important;
    }

    Also, Christian's solution will do as well since the background is already set to white, simply declaring the .form-line-active to be white will fix and remove the cream color when highlighted as well

    If you need assistance, please do let us know.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by liyam on May 03, 2016 at 02:21 AM

    On additional note:

    The background highlight will not immediately affect the forms inside the iframes, so you will need to change/add the CSS code in the following forms as well:

    61209005601138
    61209445793158

    Thanks.