Column embed layout borked

  • Resolved zactoff

    (@zactoff)


    4 years, 5 months ago

    Embedding a form into a two-column block seems to cause the containing wp-block-column div it’s embedded in to not be created (front end only) causing the layout to break. Have screen shots of before/after if helps.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hey @zactoff,

    I checked your page but did not see any forms created using our plugin. Can you please share a link where I can test this?

    Thread Starter zactoff

    (@zactoff)

    Hi @hchouhan for sure, but can I give you the details by email? I don’t want to be sharing my dev site publicly.

    Plugin Contributor Lap

    (@lapzor)

    Can you share the full code for the form fields here (from MailChimp for WP > Form > Fields)

    Maybe there’s just a lost DIV in there that wasn’t closed properly. That would break the layout

    Thread Starter zactoff

    (@zactoff)

    Sure, here you go, but nothing looks unclosed to me:

    <div id=”mc_embed_signup”>

    <div id=”mc_embed_signup_scroll”>

    <div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>

    <div class=”mc-field-group”>
    <label for=”mce-EMAIL”>Adresse mail <span class=”asterisk”>*</span></label>
    <input type=”email” value=”” name=”EMAIL” class=”required email” id=”mce-EMAIL”>
    </div>

    <div class=”mc-field-group”>
    <label for=”mce-LANG”>Langue <span class=”asterisk”>*</span></label>
    <select name=”LANG” class=”required” id=”mce-LANG”>
    <option value=””></option>
    <option value=”Fran?ais”>Fran?ais</option>
    <option value=”English”>English</option>
    </select>
    </div>

    <div id=”mce-responses” class=”clear”>
    <div class=”response” id=”mce-error-response” style=”display:none”></div>
    <div class=”response” id=”mce-success-response” style=”display:none”></div>
    </div>

    <div style=”position: absolute; left: -5000px;” aria-hidden=”true”><input type=”text” name=”b_bbf125d9580a4138f2a16b481_61a2c72bba” tabindex=”-1″ value=””></div>

    <div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>

    </div>

    </div>

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello,

    Please note that the form code is from MailChimp.com and not from our plugin. If you are using code of the form generated from MailChimp.com then you will also need to add custom styling.

    I would recommend saving this code, removing it and then adding the form fields using the buttons provided above the form in our plugin.

    Thread Starter zactoff

    (@zactoff)

    Thanks for the quick response, I’ve replaced the code with that generated with your buttons and it’s all looking OK, thank you, I hadn’t realised I shouldn’t be pasting in code generated by MailChimp.

    Plugin Contributor Lap

    (@lapzor)

    Perfect, Thanks for letting me know.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Column embed layout borked’ is closed to new replies.