How to remove background color using iframe embed

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,

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.

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

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.

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. 

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.

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.