2 Replies Latest reply on Dec 31, 2015 4:53 AM by Alok Ramsisaria

    landing page :: adding html blocks : div elements spanning multiple html widgets

      Hi,

       

      I have a landing page which the template is finished and I want to edit the LP to add some widgets to grab content from the token and a form.

       

      I want to add a CTA at the bottom of the screen that will stretch 100% across the screen but when I add the class to create the blue container, it only stretches to the size of the container (say 60-80% of the screen).

       

      When I add the HTML widget, I added a couple of divs that would be closed in a later HTML widget. For whatever reason, Marketo is not closing the divs as expected.

       

      e.g.

      HTML 1

      FORM 1

      HTML 2

       

      HTML 1:

       

      <div class="body-copy">

        <div class="body-section">

          <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12" id="extra-pad">

            {{text-copy}}

          </div>

          <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">

              <div class="form-container">

       

      HTML 2:

              </div>

           </div>

      </div><!--section-->

      </div><!--body copy-->

       

      <div class="clearfix"></div>

       

      <div class="row">

        <div class="container">

          <div class="bg-blue">

            {{my.section-two}}

          </div>

        </div>

      </div>

       

      This does not work.

       

      I am using bootstrap as well, viewing the approved page yields a broken layout. The code shows that the form container was closed without adding the form.

       

      <div class="form-container">

      </div>

       

      any guidance is appreciated. I also looked at the link below but wasn't helpful

       

      Thanks!

       

      Adding Custom HTML to a Free-form Landing Page - Marketo Docs - Product Docs