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.

Grafity Forms problem

  1. HHans
    Member

    First of all the best wishes for 2012 that it may be a creative year.

    (sorry if the gramatica is not correct)

    Am building a WP site with the theme "NonProfit" and I have purchased Gravity Forms to create forms.
    But this is the problem there is an option in Grafity Forms against spambots.

    "enable anti-spam honeypot" If I check that, than on the bottom of the form field I Get a field with the text "This field is for validation purposes and should be left unchanged "

    This shoeld not be visible according to Gravity Forms, Non-profit theme or WP overrides apparently a css rule.

    To be sure I have done a clean install of wp 3.3 and Twenty Ten theme and Gravity Forms as only plugin loaded, but that does not matter still see the field.

    Any idea in de W3C CSS Validator I see 111 errors and 228 warnings, after a clean install.
    I hope someone knows what is the problem.

    Thanx in advance Site http://www.fenv.nl contact page.
    Hans.

    Posted 12 years ago on Sunday January 1, 2012 | Permalink
  2. HHans
    Member

    Again I've found out where it comes from.
    in the Twenty Ten theme I can click Output CSS then it works.
    If I do the same in the NonProfit theme
    than the theme deactivating the CSS Output.
    Anyone have any idea how I can solve this?
    Regards,
    Hans

    Posted 12 years ago on Sunday January 1, 2012 | Permalink
  3. It looks like the Gravity Forms stylesheet is not coming through. Do you have it turned off in the plugin settings? If you don't want to output that, then try adding this to your theme's CSS:

    [css]
    .gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
    display: none !important;
    position: absolute !important;
    left: -9000px;
    }
    Posted 12 years ago on Sunday January 1, 2012 | Permalink
  4. HHans
    Member

    Thanks Rob,

    I think that dit the trick.

    Reagards,
    Hans

    Posted 12 years ago on Sunday January 1, 2012 | Permalink
  5. Great, glad to help Hans!

    Posted 12 years ago on Sunday January 1, 2012 | Permalink
  6. HHans
    Member

    It works only partially, would like to put some text fields next to each other
    but that's overwritten by the Non-profit theme.
    In the example field of Grafity Form editor it works they are side by side, but on the contact page of the test site the fields are at the top each other.
    http://www.fenv.nl

    Posted 12 years ago on Monday January 2, 2012 | Permalink
  7. This is where pulling in our stylesheet comes in handy. I see you are using the ready classes, but they just aren't defined in your CSS. You can reference the stylesheet in the plugins folder to grab the styles you need/want to use. Or start outputting the CSS, otherwise you're going to have to write your own styles to handle everything one by one as it is needed.

    Posted 12 years ago on Monday January 2, 2012 | Permalink
  8. HHans
    Member

    Thanks Rob,
    It is a little playing around to find out where it is in the CSS,
    but this works for my.
    Thanks again
    Reagards,
    Hans

    Posted 12 years ago on Monday January 2, 2012 | Permalink

This topic has been resolved and has been closed to new replies.