Refined - How does the Convert Kit styling work

With the Refined theme, you don't have to worry about styling your Convert Kit forms to match your site.  But how does this work exactly?

All you'll do is grab the embed code of your form directly from Convert Kit and you can paste that code into any Page or Post and the format of that form will automatically match your site without having to manually enter code into the editor in ConvertKit.  You can also adjust the colors of the form directly through the Customizer.

To see a sample of how this looks, you can see it in action  here.

To remove the theme default styling

Sometimes you want to have the ability to style these forms directly in ConvertKit and don't want the theme to override those settings.  You're welcome to remove the following code from you style.css file and then the theme will no longer style these forms for you.

New ConvertKit Forms

If you have a created a new ConvertKit form, the default theme styling will not apply. Customizing the form can be done directly in ConvertKit by clicking on the magic style wand on the right of the form editor directly in ConvertKit.

If you are unsure whether the form is the new or old version, look in the forms dashboard. A new form will display a vertical icon, as shown on the left below. this is a new form. Older forms display a horizontal icon.