How to make a ConvertKit form centered on the page

One of the great things about ConvertKit is that they make it so easy to embed opt-in forms anywhere on your WordPress site. Most of the time, it works great. But occasionally, there’s a glitch. Like when a form that you want to be centered on the page is aligning to the left. But luckily the solution is easy. Here’s how to center a ConvertKit form on WordPress or a landing page.

how to center convertkit forms on your site

*This post contains affiliate links, which means that if you click a link and make a purchase, I may receive a small commission at no extra cost to you. I appreciate your support! You can read my full disclaimer here.

How to center a ConvertKit form on your blog

So, you’ve embedded your ConvertKit form using either javascript or HTML, and it’s aligning left. Lame! And, been there!

Luckily, the fix will take you about 10 seconds.

All you have to do is copy this code:

{ margin: 0 auto; }

Then, go into ConvertKit and open up the editor for the form you want to center.

Under “General Styles” you’ll see a box that says “Custom CSS.”

Screenshot of the ConvertKit form editor where you can use code to center the form on your blog.

Just copy/paste that little code snippet into the Custom CSS box, save the form, replace the old HTML code with the new one, and voila, your form will be centered!


Easy fix, right?

Now your ConvertKit forms will look fabulous on all your landing pages, or wherever else you’re using them.

Let me know in the comments if it worked for you!

More great blog tips you’ll love:

PIN IT!

how to center a convertkit form on your wordpress site or landing page (1)-min

How to Center ConvertKit Forms On WordPress

Care to share?