CODEWITHSUNDEEP
csswordpress-theminggravity-forms-pluginwordpress
Vonder
Vonder

Reputation: 4059

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?

Upvotes: 0

Views: 4563

Answers (2)

Dave from Gravity Wiz
Dave from Gravity Wiz

Reputation: 2859

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/

Upvotes: 3

HdK
HdK

Reputation: 326

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; }

Upvotes: 2

Related Questions