How can I center my contact form alignment?

Solved

How can I center my contact form alignment?

libertyworks
Tourist
11 0 0

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

 

 

Screenshot 2023-04-05 162114.jpg

 

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 

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1785 3079

This is an 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 %}

 

PageFlyVictor_0-1680731433010.png

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

View solution in original post

Replies 2 (2)
libertyworks
Tourist
11 0 0

@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
Shopify Partner
7865 1785 3079

This is an 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 %}

 

PageFlyVictor_0-1680731433010.png

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