How to customize a contact form field?

[INFRA]

Hi there, I would like to customize the contact form with the following:

- rounded input field corners (30)

- add 1 field named "Project Location"

And how do I change the 'comment' text into "tell us about your project"?

website

passw: skoffi

Thanks so much!

[pooja_d_92 · Accepted solution]

Hey,

Please try this code and paste it in theme.css file:

form#ContactForm .field input {

    box-shadow: none;

}

form#ContactForm .field::after {

    border-radius: 30px;

}

Add this code in form:

<div class="field">

<input class="field__input" autocomplete="location" type="text" id="ContactForm-location" name="contact[Project Location]" value="" placeholder="Project Location">

<label class="field__label" for="ContactForm-location">Project Location</label>

</div>

Thank you

Pooja D.

[INFRA]

Looks great, thanks so much!

[Jahid-KlinKode]

Hey @INFRA, upgrade your Shopify contact form with ease by following the instructions in this YouTube video, covering text, dropdown, radio, and checkbox options: