Embedded Form: Bottom of the Page Messed Up

2. bottom of the page where I have my testimonies and picture slides gets all messed up

I checked the testimonials on your page and they appear to be displayed in one column. If I understand correctly, the testimonials should be displayed one by one as a slider, and not all at once in a column, is that correct? 

There seems to be some conflict with the script and the lightbox. To resolve the issue, can you please remove the 2 from the code so that feedback2.js will now appear as feedback.js?

You can copy the script below where I removed the 2 from feedback.js.

<script src="https://form.jotform.com/static/feedback.js?3.3.REV" type="text/javascript"> var JFL_61367371515153 = new JotformFeedback({ formId: '61367371515153', base: 'https://form.jotform.com/', windowTitle: 'Get a Quote', background: '#FFA500', fontColor: '#FFFFFF', type: '1', height: 500, width: 700, openOnLoad: true }); </script>

If the issue persists, please let us know.

Thank you so much. That worked. 

 

The only issue now is the white extra background around the form. how do I get rid of that so its only the form and not that extra background

I am glad to know that it worked. As for your latest concern, please follow the guide below:

1. First, inject the custom css below to your form:

.jotform-form {

  padding: 0px;

  width: 600px;

}

2. Then once you have done so, copy the code below and embed it to your page. The code below is similar to the previous code, except the height and width have been adjusted to fit your requirement.

    <script src="https://form.jotform.com/static/feedback.js?3.3.REV" type="text/javascript">

      var JFL_61367371515153 = new JotformFeedback({

        formId: '61367371515153',

        base: 'https://form.jotform.com/',

        windowTitle: 'Get a Quote',

        background: '#FFA500',

        fontColor: '#FFFFFF',

        type: '1',

        height: 380,

        width: 600,

        openOnLoad: true

      });

    </script>

The lightbox form should now look like the screenshot below:

If you need further assistance, please let us know.

why do I get a scroll bar on the sides and bottom?

 

 

I played around the width and the height a little and I got as close to it as possible. the right margin and the bottom are a little bigger then the other two

Hi,

Can you please change this part of CSS you applied earlier?

.jotform-form {

  padding: 0px;

  width: 600px;

  height: 514px;

  overflow: hidden;

}

Let us know if that works.