Hide "Save and continue" link on page 1 of form? [RESOLVED]

Hi, I’m trying to hide the Save and Continue link on page 1 only and for all form IDs with CSS.

The documentation here has this example:

The form Save and Continue link – applies just to form ID #1 and save link in the first page of a multipage form:
body #gform_wrapper_1 .gform_footer a#gform_save_1_2_link {border: 1px solid red}

Can I add {visibility:hidden} to a similar element to achieve this? How would I edit it to make it only apply on page 1, and all form IDs? Any guidance would be appreciated.

Hi James. Can you share a link to the page on your site where we can see the form, to help you with the CSS? Thank you.

Hi Chris. I’m unable to display my site live for a legal reason, sorry.

I thought this would work:
body #gform_wrapper .gform_footer a#gform_save_1_2_link {visibility:hidden!important}

But how do I edit the syntax of the above to apply to page 1 of all multipage forms?

Hi James. When targeting like that, you would not be able to apply to page 1 of all forms. You would need to add additional CSS selectors, and apply the same rules. You would need to manually maintain this in the CSS. It would look something like this:

body .gform_wrapper .gform_footer a#gform_save_1_2_link,   /* form 1 */
body .gform_wrapper .gform_footer a#gform_save_19_2_link,  /* form 19 */
body .gform_wrapper .gform_footer a#gform_save_74_2_link { /* form 74 */
	visibility: hidden!important;

This worked perfectly, I understand now. Thanks very much!

1 Like