How to reposition form on site? It's hanging off.

  • Profile Image
    Lisa Richards 
    Asked on January 16, 2015 at 07:31 PM

    as you can see my form is not positioned right.  I will include the code as well.  Our website is currently under construction. 

    {% assign needs_form = false %}

    <div id="col-main" class="full content">

      <div id="page-header">
        <h2 id="page-title">{{ 'cart.general.title' | t }}</h2>
      </div>

      {% if cart.item_count == 0 %}
      <p class="empty">{{ 'cart.general.empty' | t }} {{ 'cart.general.continue_browsing_html' | t }}</p>
        {% if settings.show_right_column %}{% assign limit = 5 %}{% else %}{% assign limit = 4 %}{% endif %}
        {% include 'featured-products' with limit %}
      {% else %}
     
      <form action="/cart" method="post" id="cartform" class="clearfix">

          <table class="items">
            <colgroup>
              <col class="checkout-image" />
              <col class="checkout-info" />
              <col class="checkout-price" />
              <col class="checkout-quantity" />
              <col class="checkout-totals" />
              <col class="checkout-delete" />
            </colgroup>
       
            <thead>
              <tr class="top-labels">
                <th class="empty">&nbsp;</th>
                <th>{{ 'cart.label.product' | t }}</th>
                <th>{{ 'cart.label.price' | t }}</th>
                <th>{{ 'cart.label.quantity' | t }}</th>
                <th>{{ 'cart.label.total' | t }}</th>
                <th class="empty">&nbsp;</th>
              </tr>
            </thead>

            <tbody>
              {% for item in cart.items %}
              {% if item.product.tags contains "custom" %}
    {% assign needs_form = true %}
    {% endif %}

              <tr class="item {{ item.product.handle }}">
                <td>
                  <a target="_blank" href="{{ item.url }}">
                    <img src="{{ item | img_url: 'thumb' }}"  alt="{{ item.product.title }}" />
                  </a>
                </td>
                <td>
                  <a target="_blank" href="{{ item.url }}">{{ item.title }}</a>
                  {% for p in item.properties %}
                    {% unless p.last == blank %}
                      {{ p.first }}:
                      {% if p.last contains '/uploads/' %}
                      <a target="_blank" href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                      {% else %}
                      {{ p.last }}
                      {% endif %}
                      <br />
                    {% endunless %}
                  {% endfor %}
                </td>
                <td>{{ item.price | money }}</td>
                <td> <input class="text quantity" type="text" size="4" id="updates_{{ item.id }}" name="updates[]" value="{{ item.quantity }}" class="replace" /> </td>
                <td>{{ item.line_price | money }}</td>
                <td><a class="btn remove-from-cart" target="_blank" href="/cart/change?line={{ forloop.index }}&quantity=0">{{ 'cart.general.remove' | t }}</a></td>
              </tr>
              {% endfor %}
            </tbody>
           
            <tfoot>
              <tr class="bottom-summary">
                <td colspan="3"></td>
                <td class="update-quantities"><input type="submit" id="update-cart" class="btn" name="update" value="{{ 'cart.general.update' | t }}" /></td>
                <td class="subtotal">{{ cart.total_price | money }}</td>
                <td>&nbsp;</td>
              </tr>
            </tfoot>
          </table>

          {% if settings.allow_note %}
          <div id="checkout-addnote">
            <label for="note"><a target="_blank" href="#" id="toggle-note">{{ 'cart.general.note_html' | t }}</a></label>
            <textarea id="note" name="note" class="hide">{{ cart.note }}</textarea>
          </div>
          {% endif %}

          <div id="checkout-proceed">
    {% if needs_form %}
    {% include 'custom' %}
    {% else %}
    <input type="submit" id="getout" name="checkout" value="PROCEED TO CHECKOUT" />
    {% endif %}

            {% if additional_checkout_buttons %}       
            <div id="additional-checkout-buttons">
              <span id="additional-checkout-buttons-label">{{ 'cart.general.additional_checkouts' | t }}</span>
             {{ content_for_additional_checkout_buttons }}
            </div>
            {% endif %}                      
          </div>
          
        </form>
      {% endif %}
    </div><!--/#col-main -->

     

  • Profile Image
    Lisa Richards 
    Answered on January 16, 2015 at 07:47 PM

    Here's the screenshot.  It didn't load on my first post for some reason.

  • Profile Image
    Lisa Richards 
    Answered on January 16, 2015 at 10:18 PM

    Nevermind.  I figured it out.  It's just the template I have for my website.

  • Profile Image
    jonathan
    Answered on January 17, 2015 at 09:46 AM

    Hi Lisa,

    We apologize for the delayed response.

    I see that you had manage to resolved the issue already. 

    Please contact us again anytime should you require further assistance.

    Thanks.