lherbo
October 3, 2022, 1:50pm
1
Hi!
I am using Dawn Theme and have used custom liquid to embed an optin form. Now, there is no option to adjust left and right padding/margins to center it.
Is there any code I can use on custom liquid to center it?
The website is https://bonniegalam.myshopify.com/
Thank you!
@lherbo - on which page do you have this form?
1 Like
lherbo
October 3, 2022, 1:52pm
3
In the homepage just above the footer
@lherbo - add this code to the end of base.css file and check
.formkit-form{margin: 0 auto;}
Hi @lherbo
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file
.section-template–15834383188141__16644615174d56b789-padding {
display: flex;
justify-content: center;
}
It will look like this: https://prnt.sc/o_444W7OvkrX
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Best regards,
Richard | PageFly
lherbo
October 3, 2022, 2:12pm
7
I’ll try this one too, thank you!
lherbo
October 3, 2022, 2:20pm
8
Hello! I tried it on our store’s copy, but it didn’t work
But thank you for helping me out!
Hi,
Not sure if its too late, but the below code should achieve what you are looking for:
form.seva-form.formkit-form {
margin: 0 auto;
}
Have a nice day!
lherbo
October 3, 2022, 2:20pm
10
Hello! I tried this one on my store’s copy but didn’t work
But I really appreciate you helping me out!
Where have you added the code?
Adding it at the end of your ‘base.css’ file should work as expected.
lherbo
October 3, 2022, 3:30pm
12
It’s at the bottome of base.css Did I put it right?
@lherbo - remove from 2864 and put it on 2869 after all existing ‘}’ brackets
Remove the very last bracket ‘}’, as indicated in the below screenshot.
Cheers!
Gabriel
lherbo
October 3, 2022, 5:13pm
15
Hello everyone! It’s fixed now, thank you so much!