Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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 %}
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
@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!
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 %}
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024