How can I modify the contact form in Dawn Theme?

Store Design
1

Hi!

I would like to change my contact form.

From this:

contact form previous.PNG
contact form previous.PNG945×401 5.37 KB

To this:

contact form.PNG
contact form.PNG616×435 4.98 KB

1 Like
2

Hi @AdrianS05 , can you share your store url?

3

Greetings @AdrianS05

Kaia here from Kaia Marketing to help you!

Please not that to achieve this you need some basic coding skills.

Nagivate to your theme code editor and locate contact-form.liquid.

There you can make the additional changes in using liquid to change the form to your format!

If you need further assistance in writing the code for your form please do not hesitate to contact me!

4

https://www.hoodeer.shop/

5

@AdrianS05 , go to section-contact-form.css and add the following:

.contact__fields {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-column-gap: 2rem;
}
6

Hi! It worked, but i have no clue how to remove phone line and change text inside brackets.