How to Center Contact Us fill form

[libertyworks]

How can I make my customer contact fill form be left-aligned or centered with the rest of my body text?

The contact form is awkwardly positioned on the right hand side, but I prefer it to be aligned to the left with the rest of my body text. 

Here is the url to my page: https://www.libertyfireworks.us/pages/contact-us 

[libertyworks]

@Solution1 Sorry but I do not know how to write HTML or CSS. Are you able to write the code necessary for me to copy and paste? I appreciate it. Thanks!

[PageFly-Victor · Accepted solution]

Hi @libertyworks ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

{% if canonical_url contains 'contact-us' %}
  <style>
  main#MainContent {
    display: flex;
    flex-direction: column;
}

form#contact_form {
    text-align: left;

}
  </style>
{% endif %}

Note: You can change the value of text-align from left to center if you want

Hope my answer will help you.

Best regards,

Victor | PageFly