-
DrivePaymentsAsked on May 2, 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 -
Chriistian Jotform SupportReplied on May 3, 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.
-
DrivePaymentsReplied on May 3, 2016 at 1:18 AM
Yes, thank you but I can't get rid of that "cream" background color https://form.jotform.com/61209387701152
-
Chriistian Jotform SupportReplied on May 3, 2016 at 1: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.
-
DrivePaymentsReplied on May 3, 2016 at 1: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.
-
liyamReplied on May 3, 2016 at 2: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.
-
liyamReplied on May 3, 2016 at 2: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
61209445793158Thanks.