Help Fixing Code to remove indent in contact form

New Member
5 0 0

I can't remove this indentation to save my life. I've tried everything I can think of.

Here is the pages code and an image of the indentation i am trying to remove.

 

<div class="page-width">
  <div class="grid">
    <div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">
      <div class="section-header text-center">
        <h1>{{ page.title }}</h1><HR>
      </div>
 
      {% if page.content.size > 0 %}
        <div class="rte">
          {{ page.content }}
        </div>
      {% endif %}
 
      <div class="contact-form form-vertical">
        {%- assign formId = 'ContactForm' -%}
        {% form 'contact', id: formId %}
          {% include 'form-status', form_id: formId %}
        
         <div class="grid__item medium-up--one-half">
          <label for="{{ formId }}-name">{{ 'contact.form.name' | t }}</label>
          <input type="text" id="{{ formId }}-name" name="contact[name]" value="{% if form[name] %}{{ form[name] }}{% elsif customer %}{{ customer.name }}{% endif %}">
          </div>
            <div class="grid__item medium-up--one-half">
          <label for="{{ formId }}-phone">{{ 'contact.form.phone' | t }}</label>
          <input type="tel" id="{{ formId }}-phone" name="contact[phone]" pattern="[0-9\-]*" value="{% if form[phone] %}{{ form[phone] }}{% elsif customer %}{{ customer.phone }}{% endif %}">
            </div>
            <div>
              <label for="{{ formId }}-email">{{ 'contact.form.email' | t }} <span aria-hidden="true">*</span></label>
              <input
                type="email"
                id="{{ formId }}-email"
                name="contact[email]"
                autocorrect="off"
                autocapitalize="off"
                value="{% if form.email %}{{ form.email }}{% elsif customer %}{{ customer.email }}{% endif %}"
                aria-required="true"
                {%- if form.errors contains 'email' -%}
                  class="input--error"
                  aria-invalid="true"
                  aria-describedby="{{ formId }}-email-error"
                {%- endif -%}
                >
              {%- if form.errors contains 'email' -%}
                <span id="{{ formId}}-email-error" class="input-error-message">{% include 'icon-error' %} {{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}.</span>
              {%- endif -%}
            </div>
 
<label for="ContactFormClass">Class Name</label>
<select id="ContactFormClass" name="contact[Class]">
              <option>Pre-Ballet</option>
              <option>Ballet Levels 1-5</option>
              <option>Pre-Pointe</option>
  <option>Pointe</option>
  <option>Pas De Deux</option>
              <option>Adult Classes</option>
              <option>Boys & Mens Classes</option>
              <option>Additional Technique</option>
              <option>Summer Programs</option>
</select>
        <label for="ContactFormClass">Class Sub-category (if Applicable)</label>
<select id="ContactFormClass" name="contact[Sub-Category]">
              <option>N/A</option>
              <option>Ballet 1</option>
              <option>Ballet 2</option>
              <option>Ballet 3</option>
              <option>Ballet 4</option>
              <option>Ballet 5</option>
              <option>Pre-Pointe 1</option>
              <option>Pre-Pointe 2</option>
              <option>Teen Pre-Pointe 1</option>
              <option>Teen Pre-Pointe 2</option>
              <option>Beginning Pointe</option>
              <option>Pointe 2</option>
              <option>Intermediate Pointe</option>
              <option>Advanced Pointe</option>
              <option>Beginning/Intermediate Partnering</option>
              <option>Advanced Partnering</option>
              <option>Adult Ballet</option>
              <option>Classical Barre</option>
              <option>Conditoning</option>
        </select>
        <label for="ContactFormClass">Student Age</label>
<select id="ContactFormClass" name="contact[Student Age]">
              <option>3</option>
              <option>4</option>
              <option>5</option>
              <option>6</option>
              <option>7</option>
              <option>8</option>
              <option>9</option>
              <option>10</option>
              <option>11</option>
              <option>12</option>
              <option>13</option>
              <option>14</option>
              <option>15</option>
              <option>16</option>
              <option>17</option>
              <option>18+</option>
        </select>
          <textarea rows="10" id="{{ formId }}-message" name="contact[body]"placeholder="Student name, dance experience, allergies, emergency contact, etc.">{% if form.body %}{{ form.body }}{% endif %}</textarea>
        <div>
        <label for="ContactFormEmailSubscription"><b>Would you like to subscribe to our email newsletter?</b></label><br> <input type="checkbox" id="ContactFormEmailSubscription" name="contact[Email]" value="Yes, please!" /> Yes, please!
      </div>
 
 
          <input type="submit" class="btn" value="Submit">
 
        {% endform %}
      </div>
    </div>
  </div>
</div>

Contact us indentation fix.png

0 Likes

Hello ,

Please share site URL, will check the issue and let you know.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
5 0 0

site URL is "enpointeballet.net"

0 Likes