Save and Continue and Send Link Button

Get Help
,
1

I have searched through previous discussions regarding the Save and Continue button but I’m having difficulties in implementing previous solutions in how to remove the icon in the button.

I’m also hoping there is a way to style the Send Link button on the page where the link is displayed.

This is my test page for reference:

2

This CSS is form-specific and should work for the form linked above:

This will remove the icon

/* Hide only the icon inside the Save & Continue button */
#gform_save_8_footer_link svg {
  display: none !important;
}

/* Optional: adjust padding after removing the icon */
#gform_save_8_footer_link {
  padding-left: 1em !important;
}

This will style the button in the confirmation

/* Style Send Link button for form ID 8 */
#gform_send_resume_link_button_8 {
  background-color: #AE8F60 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 15px !important;
  font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  padding: 0.3em 1em !important;
  line-height: 1.7em !important;
  cursor: pointer;
}

/* Hover state */
#gform_send_resume_link_button_8:hover {
  background-color: #8E734B !important;
}

The following document explains where to put your Custom CSS:
https://docs.gravityforms.com/where-to-put-your-custom-css/

3

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.