how to center a convertkit form

How to Center a ConvertKit Form On Your WordPress Site

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: a convertkit tutortial.

*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.”

Screenshot of the ConvertKit form editor where you can use code to center the form on your WordPress blog: a tutorial for beginners

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:


Similar Posts

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.