Multi Step Form with Image checkboxes using Gravity form for WordPress

Using Gravity Form (paid plugin) you can easily make multi-step forms and also add images in place of checkboxes and radio buttons to make them more appealing.
The tutorial was done for a question someone asked on one of the Facebook groups.
PS: I am not affiliated to Gravity Form + The site used is for only tutorial purposes, I am not connected with the company.

[@majadulislampallab1351]

its really helpfull... thanks brooo

[@techsoup_dev]

Glad to hear that

[@wysiwyg4770]

How to save the css changes i made in console to make it permanent for my forms? I am stuck with that :-) So if you could expand your example and please let me know how the changes you have made via console to the CSS how did you manage to make them permanent. You just said save it to your custom css.

[@techsoup_dev]

Hi, you need to either have a child theme(which you always should) which will have style.css or custom.css depending on how you develop. Or you can copy it into customizer > advance css

[@manalboutajar9307]

hey i hope you'll answer me quick due to my project, i need to change the text of the next and previous buttons to suivant (in french) , but i don't have access to change it, do you have an idea please? thank you

[@techsoup_dev]

Hi you can follow Gravity form's official documentation on how to edit/modify the Next/previous buttons docs.gravityforms.com/gform_next_button/

[@techsoup_dev]

You can configure the text on the Next/Previous buttons by editing the Start Paging, Page Breaks and End Paging fields on your form. Then select the advanced tab and you can customize the text on the Next/Previous buttons just like you can customize the Submit button text in the Form Settings.

[@sarahodiavbara5009]

Where do you insert the custom Css styling.... Your video just transformed my website, but I don’t known where to insert the grid template and margins and all the rest

[@savitririshma]

how you could show the progress bar with the step? cz I chose Progress bar then it just shows like: Step 3 of 3 - TitlePage :(

[@techsoup_dev]

Hi, you can either use steps or progress bar if you want to show progress bar and still have title (you can add an simple block and add title before your sections

[@savitririshma]

@@techsoup_dev 00:34 i mean like this (what your mouse point out).

[@techsoup_dev]

@@savitririshma This is an example website, I was just using it as a reference point to show to to make checkbox with images and multiple steps with gravity

[@savitririshma]

@@techsoup_dev ohh i see. thanks for your reply!

[@fortifiedroofinggroup]

Hey Guys what are your contact details I would like to get a form built?

[@techsoup_dev]

Hi please send an email to admin[at]thoughtbulb.dev

[@nicolasnovielli]

Hi What's is your contact email? Do you offer this Services?
Let me know. Thank You Nick

[@techsoup_dev]

Hi, thanks for reaching out but I don't provide dev services.