Targeting specific pages on a multi-part Gravity Form
If you're trying to target specific pages with CSS in a multi page Gravity Form, this could save you a bunch of time.
There is tons of great info online about Gravity Forms for web developers. A few of my favs are:
But none of those tell you how to target a specific multi page form page. Work with any software like Gravity Forms for an extended time and - like anything you dive deeply into - grey areas percolate up. One of those grey areas for me was how to target a specific page on a multipage (aka multistep) form. The GF page about Targeting Specific Elements provides some examples, but none really did what I wanted.
Here's an example of how to target a specific page/step on a two step form:
The example assumes the form ID = 1. Change 1 to the ID of your form. #gform_page_1_2 for example means Form 1, page 2.
Here's the result of the css above:
If this helps you, think about sharing how. Leave a comment below.