How to customize contact us page?

My contact us page looks like this right now-

Is it possible to add a container to the page like this example-

Hey @Motoblox

Your store is password protected, can you share the password as well?

Best Regards,

Moeed

Have removed

Hey @Motoblox

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Thanks a ton Moeed,

This is working but is it possible to round the corners of name,email,phone number and comment boxes.

Also bringing the send button in the bottom middle and change it’s text to send message instead

1 Like

Hello @Motoblox

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.contact .field::after {
border-radius: 10px!important;
}
.contact .field::before {
border-radius: 10px!important;
}
.contact__button {
text-align: center;
}

1 Like

thanks a ton appreciate you

1 Like

Hello @Motoblox
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful then please Like and Accept Solution.

1 Like

is it possible to change the text on send button?

1 Like

Hello @Motoblox

Yes, it is possible to change the text on the “Send” button on the Shopify contact page. Here’s how you can do it:

  1. In your Shopify admin, go to Online Store > Themes > Actions > Edit Code.
  2. Navigate to locales > en.default.json, search for “contact,” and update the “Send” text as needed.

This method ensures the button text changes without altering the actual HTML code.

Screenshot: https://prnt.sc/kg8n7_pyn7qD

1 Like

Thanks a ton, appreciate you

1 Like