How to hide a Gravity Forms field with css

I would like to hide one of the fields (product field) entirely using CSS. How can I do this?

2 Answers

You'll want to use the gf_invisible class on the "CSS Class Name" setting for the field. This class is available out of the box with Gravity Forms and hides the field by positioning it off the screen rather than "display: none;. Gravity Forms will not count product fields that are "display: none;" towards the total.

More information here:

You can add a Custom CSS Class via the Appearance tab of the field (for example 'hide-field'. Than in css you add:

.hide-field{ display: none; }