how to center a convertkit form

How to Center a ConvertKit Form On Your WordPress Site

Pin this post!

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:


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

Pin this post!

How to Add Custom Fonts to Divi on a WordPress site (and how to fix the "security reasons" error)

+ show Comments

- Hide Comments

add a comment

  1. Ines Tavares says:

    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!

  2. Morshed says:

    Thank you so much for the tip!

  3. Hailey says:

    Thank you so much for this centering tip! I don’t know code, so I wasn’t sure what to do!

Leave a Reply

Your email address will not be published. Required fields are marked *

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

Hi, I'm Becca

I blog about blogging and teach courses about courses. I fell in love with online business a long time ago and I can't wait to share my best tips and tricks with you.

Idea To Passive Income: The Four-Step Framework For Creating A Six-Figure Online Course Business

free masterclass

The Profitable Blogging Framework: 4 Essential Keys to Profitable Blogging

(Free) Masterclasses! 🤩

free masterclass

watch now!
watch now!

Steal My Course Playbook

Grab this 33-page "Profitable Course Planner" and get your first (or next) online course planned out in a way that can't help but lead to profits (beach vacay?!).

send it to me!

Welcome friend! I'm your energetic biz bestie. Pull up a seat and stay for awhile.

Becca xx