Common Issues With Formatting

Why aren’t my form styles being loaded properly?

This is usually due to embedding the form via the PHP function call directly into the theme files or into a third-party widget. When embedding the form via this method, you also have to manually queue the CSS and scripts required for the forms to display and function properly.

You can find more information on this topic in the documentation here:

Why is my form showing up with list bullets?

This is usually due to the form inheriting styles from your theme. You can add the following CSS declaration to your theme stylesheet and it should remove the bullet styling plus any stray borders that appear on occasion.

body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body ul li {
  list-style-type: none !important;
  list-style-image: none !important;
  list-style: none !important;
  background-image: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

body .gform_wrapper form .gform_body ul > li:before {
  content: "";
}

How do I align my form fields into columns?

You can create rows and columns of fields simply by dragging and dropping fields into the form editor. You can learn more about these in the Creating Columns in the Form Editor article.