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.
*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.
What is a ConvertKit form?
ConvertKit is the best email host for bloggers. You can use their services to create a free email list where you'll connect with your audience.
But first you have to tell your audience about your email list. That's where ConvertKit forms come in. They're an essential tool in ConverKit for bloggers.
You'll see forms like ConvertKit's on many bloggers' pages while reading posts. These are simple forms that ask you to fill in your name and email address to sign up for an email list or to get a freebie.
Putting ConvertKit embed forms in your WordPress blog will help you grow your mailing list so you can foster an email list you can later sell to.
How to center a ConvertKit form on your blog: A ConverKit Tutorial
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.”
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.
It's such a quick tip to help ConvertKit beginners and bloggers grow their lists. I hope you enjoyed this ConvertKit form tutorial!
Let me know in the comments if it worked for you!
More great blog tips you'll love:
PIN IT!
Thank you so much Becca. Sometimes the simplest things cause the biggest headache! I just discovered your blog but I’ll definitely take a good look around since I’m in the process of creating my first blog. Cheers!
Thank you so much for the tip!
Thank you so much for this centering tip! I don’t know code, so I wasn’t sure what to do!