Custom HTML widget adding scroll bar to form code

  • guiseppe327

    (@guiseppe327)


    6 years, 7 months ago

    Hi,

    First time asking for help in this forum so much appreciated in advance. We use marketing automation software called SharpSpring and I’ve created a simple lead form there. I want to paste the code for the form in to the custom HTML widget so the form appears in the sidebar on the blog.

    The form shows up but is cut off in height and a default scroll bar is added. I want to remove the scroll and have the full form and submit button appear.

    NOTE: The form isn’t on the page I sent because it’s a live page.

    Thanks,
    Joe

    • This topic was modified 6 years, 7 months ago by guiseppe327.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Joy

    (@joyously)

    6 years, 7 months ago

    The styling is the responsibility of the theme, although plugins can affect things also.
    Since you don’t show what the HTML is, there’s not much to use to help you.
    You could ask at the theme’s support forum, but even the theme author will need to see the problem to investigate the solution.

    Thread Starter guiseppe327

    (@guiseppe327)

    6 years, 7 months ago

    Thanks Joy.

    Here’s the HTML if it helps.

    <!– SharpSpring Form for Blog Contact Us –>
    <script type=”text/javascript”>
    var ss_form = {‘account’: ”, ‘formID’: ”};
    ss_form.width = ‘100%’;
    ss_form.height = ‘1000’;
    ss_form.domain = ‘app-3QNHNAROF8.marketingautomation.services’;
    // ss_form.hidden = {‘field_id’: ‘value’}; // Modify this for sending hidden variables, or overriding values
    // ss_form.target_id = ‘target’; // Optional parameter: forms will be placed inside the element with the specified id
    // ss_form.polling = true; // Optional parameter: set to true ONLY if your page loads dynamically and the id needs to be polled continually.
    </script>
    <script type=”text/javascript” src=”https://koi-3QNHNAROF8.marketingautomation.services/client/form.js?ver=2.0.1″></script&gt;

    I’ll check on the theme support page also but I thought the Custom HTML widget was installed with WP.

    • This reply was modified 6 years, 7 months ago by Jan Dembowski.
    Joy

    (@joyously)

    6 years, 7 months ago

    The Custom HTML widget does not output any styles, so it is all depending on what is in the widget.
    The code you have show is not the HTML for the form either. It is generated at another site and loaded from there. I can’t tell if it generates an iframe or not, but it is likely (you can’t style what is in the iframe). There are parameters for the height and width that you can modify. 1000 (if pixels) is quite tall, and would make a scrollbar on almost every device.

    Thread Starter guiseppe327

    (@guiseppe327)

    6 years, 7 months ago

    Ok thanks. I’ll try a smaller height. I just thought since the box/area itself that the widget allowed for the form was small (~300px) that it was the issue.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Custom HTML widget adding scroll bar to form code’ is closed to new replies.