How can I adjust padding in Dawn Theme using custom liquid?

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

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

Let me try, thank you!

I’ll try this one too, thank you!

Hello! I tried it on our store’s copy, but it didn’t work :disappointed_face:

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!

Hello! I tried this one on my store’s copy but didn’t work :disappointed_face:

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.

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

Hello everyone! It’s fixed now, thank you so much!