How to Center a ConvertKit Form On Your WordPress Site | Becca Klein

How to Center a ConvertKit Form On Your WordPress Site

Pin Inspector Review: The Best and Only Pinterest Keyword Tool You’ll Ever Need
The 21 Best WordPress Plugins for Bloggers
Thrivecart Learn Review: The Best Way to Host Your Online Course
Now Trending:
I'm Becca!

I'm the resident blog coach and online course strategist around here. I blog about blogging and make courses about courses (it's hard to explain at cocktail parties).

hello,

Ready to Make Your Dreams Happen?

tell me more

Grab a copy of my "Profitable Course Planner" and plan out your first (or next) online course. #heypassiveincome

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:

PIN IT!

Pin this post!

READ MORE
How to Use Pinterest Keywords to Grow Your Traffic Like Crazy

+ 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. #meta 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.

How to Turn Your Passion Into Passive Income With One Online Course

free masterclass

The Profitable Blogging Framework

(Free) Masterclasses! 🤩

free masterclass

WATCH NOW!
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!

Does your blog need a little makeover?

GIMME SOME POPCORN!

Grab my free ebook, "10 Beauty Tips for Your Blog"! It's full of simple, actionable tips that you can put into place TODAY to get your blog into shape.

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

Becca xx

SHARE THIS POST!

Help spread the word. You're awesome for doing it!