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.

Ignoring My Theme's CSS

Gravity Support Forums » Plugin Support » Gravity Forms

  1. seriousprod
    Member

    I'm using the Suco theme by themify because I like its responsiveness to mobile devices. That said, I strongly dislike its form CSS; one of my forms shows both theme and "plain" CSS and looks terrible; I'd rather GF ignore the way the theme handles input fields and just show all "plain" fields (like the e-mail field) instead. Here's the form in question: https://insurance-geek.com/custom-analysis/

    I've been patrolling the docs and boards for a few months trying to figure this out but I guess I haven't found the right search terms yet. Besides going field-by-field, is there a straightforward way of accomplishing this?

    Posted 11 years ago on Wednesday May 30, 2012 | Permalink

  2. Rob Harrell
    Member

    Sure thing, drop this into your theme's CSS:

    [css]
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea {
border: 2px inset !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
    Posted 11 years ago on Wednesday May 30, 2012 | Permalink