• Skip to primary navigation
  • Skip to content

Neil Curtis

Learn how to make money online

  • Home
  • About
  • Start an Online Business
  • Latest Articles
  • My Resources
  • Contact

How to hide the honeypot anti-spam fields in Gravity Forms

By Neil on April 28, 2015

If you do not know what Gravity Forms is you can visit their website here.

This video shows how to hide the honeypot anti-spam field and validation description when you enable this feature in Gravity Forms. Really it should be hidden by default but if it is not (like it was not for me) you can add a little bit of CSS styling to your style.css stylesheet to hide the field and description.

My Gravity Form has an ID of 7 and the code below is how I hide the honeypot anti-spam fields. Watch the video to see how I found out the ID of the field to hide.

MY CODE USED:
body .gform_wrapper .gform_body .gform_fields #field_7_9.gfield input[type=text]
{
display: none;
}

body .gform_wrapper .gform_body .gform_fields #field_7_9.gfield .gfield_description
{
display: none;
}

LIKE WHAT YOU’VE READ?
I publish new tutorials all the time so it would be great let you know when something is ready for you to check out. I also have lots more to share with you about how to easily customize and style your WordPress website, so why not join my gang.

TELL ME MORE >>

Reader Interactions

Comments

  1. Katie says

    August 23, 2017 at 7:46 am

    Or you can simply write CSS to target all honeypots:
    .gform_validation_container {
    display:none !important;
    }

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Copyright © 2021 · NeilCurtis.me · Website powered by the Genesis Framework and uses the Maker Pro Theme

/* ----------------------------------------- */ /* Content Template: Guides Layout - start */ /* ----------------------------------------- */ #ninetypercent { width: 90%; margin: 0 auto; } #profilebox { border: dashed 2px #ccc; background: #E8E8E8; padding: 10px; padding-bottom: 15px; margin-bottom: 20px; } #profileimage { float: left; max-width: 150px; margin-right: 3%; } #profilebio { font-size: 90%; } #stepfont1 { float: left; font-size: 30px; font-weight: bold; padding: 5px; padding-left: 3%; background: #f96e5b; width: 100%; min-width: 280px; color: #FFFFFF; } #arrow { float: left; } #UWBwrap { padding-top: 10px; border-top: solid 3px #ccc; border-bottom: solid 3px #ccc; } /* ----------------------------------------- */ /* Content Template: Guides Layout - end */ /* ----------------------------------------- */