How to hide a Gravity Forms field with css

Question

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

Answer 1

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: http://gravitywiz.com/how-to-hide-gravity-forms-product-fields/

Answer 2

您可以通过字段的“外观”选项卡添加自定义CSS类（例如“ hide-field”。比在CSS中添加）：

.hide-field{ display: none; }