Need help with iframe sign up form in pop up

This question doesn't directly relate to any WPMUDEV products, but you guys have been so awesome with your assistance that I figured I'd throw it out there:

I bought Pop Up Builder Pro, and am trying to include an iframe form from the email marketing system I use (Hatchbuck). The iframe code I am entering into the HTML text window is:

<p><iframe src="https://app.hatchbuck.com/OnlineForm/61151749129" width="450" height="525"></iframe></p>

However, when I look at the Pop Up live, it has a scrolling bar which I do NOT want. (See screenshot)[image pos="0"]

Normally, I'd just use CSS to cancel the scrolling, but it seems that the text editor for the popup only accepts HTML. Any advice?

  • Nastia

    Hello Richard

    I trust you are doing well today!

    You can use to insert the code to the code element, instead of the text element.

    Select the "Embed 3rd Party code" option.

    Try the following iframe code:
    <iframe src="https://app.hatchbuck.com/OnlineForm/61151749129" width="100%" height="660px"></iframe>

    And use the following CSS code to hide the scrolling bar:

    #sgcboxLoadedContent {
        overflow: visible; }

    You can add this code to Global Theme CSS. Navigate to Theme Settings, click on Global Theme CSS.

    Let us know if you require any further assistance!

    Cheers,
    Nastia

  • Nastia

    Hello Richard

    Still please try the following iframe code with the text editor (Change the dimensions in the plugin setting from 900 px to 550px)
    <iframe src="https://app.hatchbuck.com/OnlineForm/61151749129" width="100%" height="660px"></iframe>
    I've changed the width and height in the above iFrame.

    Add add this CSS code to Global Theme CSS editor:

    #sgcboxLoadedContent {
        overflow: visible !important; }

    We don't advise to use !important atribute, only when it's necessary. So if you wish to change the code in the feature, you will have to edit this line again.

    This shouls fix this.

    Let us know if you require any further assistance!

    Cheers,
    Nastia