Why would my embedded iFrame with different payment methods be intended compared to the left margin of the host form?

  • Profile Image
    learningmindsets
    Asked on August 13, 2015 at 03:26 PM

    Attached is the screen shot--both of my embedded iFrame have this extra space above and to the left which puts it out of alignment with the margin of the host frame text. Thanks--

    Tim

  • Profile Image
    jonathan
    Answered on August 13, 2015 at 06:29 PM

    Can you please check this form http://form.jotformpro.com/form/52246707622959?

    is this how you wanted it?

    I made adjustments on the form by adding this CSS code

     

    #cid_14,#cid_12{

    margin-left : -25px;

    }

     

    and also have increased the width of the form to 475px

     

    Let us know if you need further assistance.

    Thanks.

     

  • Profile Image
    learningmindsets
    Answered on August 14, 2015 at 09:20 AM
    Thanks Jonathan—
    Which form did you add the code to—the host form or the embedded forms?

    Also—is there a way to be able to diminish the amount of vertical space between the radio button lines and the embedded form?

    Finally—How can I get the host buttons to be on a horizontal line>

    Thanks again-

    Tim


    ...
  • Profile Image
    BJoanna
    Answered on August 14, 2015 at 12:24 PM

    Code is added in host form. 

    To diminish the amount of vertical space between the radio button lines and the embedded form, please add this code inside of host form as well.

    #cid_14,#cid_12{

    margin-top :-30px;

    }

    To align submit button add this code:

    .form-submit-button {

        margin-left : 25px;

     

    }

    After adding this codes your form will look like this.

    Here is my cloned form with new codes: http://form.jotformpro.com/form/52255153848964? 

    Feel free to clone it

    Hope this will help. Let us know if you need further assistance.