Making a returns form - Brooklyn Theme

Highlighted
Tourist
8 1 1

Hey all,

I am making a returns form for customers to fill out on the site but have run into some trouble. 
Issues:
- Border around fields not working
- Link it to send the email to my email
- When pressing submit it goes to a different page that says successful.

This is a separate form to the contact us form with completely separate code. 

site: cosmic-sunshine.myshopify.com
password: 12345
it is linked as Returns Form in the footer 

Thanks in advance

Code for reference below

 

<!-- /templates/page.liquid -->
<div class="grid">
  <div class="grid__item large--five-sixths push--large--one-twelfth">

    <header class="section-header text-center">
      <h1>{{ page.title }}</h1>
      <hr class="hr--small">
    </header>
    
    <div class="grid">
      <div class="grid__item large--four-fifths push--large--one-tenth">
        <div class="rte rte--nomargin rte--indented-images">
          {{ page.content }}
        </div>
      </div>
    </div>

  </div>
</div>

<form>

  
<div class="grid grid--small">
<div class="grid__item large--one-half">
<label for="returnsFormname" class= "hidden-label">FirstName</label> 
<input
  Required 
  type="text"
  id="ReturnsFormFirstName"
  name="Returns[First Name]"
  placeholder="First Name"
/>

  
  </div>  

<div class="grid__item large--one-half">
<label for="returnsFormname" class= "hidden-label">LastName</label> 
<input
  Required
  type="text"
  id="ReturnsFormLastName"
  name="Returns[Last Name]"
  placeholder="Last Name"
/>
  </div>
</div>

  
  <label for="returnsFormEmail" class= "hidden-label">Email</label> 
  <input
  Required
  type="text"
  id="ReturnsFormEmail"
  name="Returns[Email]"
  placeholder="Email"
/>
      <br  />
</div>


<label for="ReturnsFormDropdown" class="hidden-label">Reason for Refund/Exchange</label>
<select id="ReturnsFormDropdown" name="Returns[Reason]">
  <option>Change Of Mind</option>
  <option>Damaged On Delivery</option>
  <option>Faulty Item</option>
  <option>Other</option>
</select>
</div>
<br />


<label>If Change of mind/Faulty/Other</label><br />
<input
  type="radio"
  id="ReturnFormExchange"
  name="Return[Exchange or Return]"
  value="Exchange"
/>
Exchange<br />
<input
  type="radio"
  id="ReturnFormReturn"
  name="Return[Exchange or Return]"
  value="Return"
/>
Refund
</div>
<br>
<br>
</br>



<label for="returnsFormDeatils" class= "hidden-label">Details</label>
<textarea
<input
  Required
  type="text"
  row="10"
  id="ReturnsFormDetails"
  name="Returns[Details]"
  placeholder="Details"
  
</input>
</textarea>
</div>
<br>

<input type="file" value="Attatch"</input>
<br />
<input type="file" value="Attatch"</input>

</div>
   <br  />                  

<input type="submit" class="btn right" value="Submit"


       </form>

</div>
</div>
</div>
</div>

 

 

0 Likes