PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Form Styling

  1. I use GF on a Wordpress site with a theme called "Mystique" and it looks great. I've got a theme for another site that uses a theme bought from themeforest.net. I've been testing GF with that but it's obviously using the CSS of the theme to style the form layout.

    Is there any way I can force the plugin to use the CSS of the plugin itself rather than use the CSS of the Wordpress theme? I ask because the layout of the form is just naff. I'm not too hot on CSS but is that the only answer?

    Posted 14 years ago on Sunday July 18, 2010 | Permalink
  2. There's no way to "force override" the theme styling. The forms are actually designed to inherit certain things from the parent theme so they blend in with the rest of the content with less initial styling work.

    It is going to take some CSS work to pull it off. You can either remove the offending CSS from the theme style sheet so the default Gravity Forms styles are applied, or you'll need to re-declare the style rules for the forms by putting them at the end of your theme stylesheet with different properties. The browsers render CSS as they read it, so a rule at the top of the document can be superseded by one at the end of the document.

    Posted 14 years ago on Sunday July 18, 2010 | Permalink