Tara Cruse asked us, “I have an issue with my survey submit button- how do I make it look better? I can’t find the options and I also made a new survey but it’s still there- I turned the progress bar off, but that bar looks so ugly..”

survey submit button

Answer:

Currently, the submit button and progress bar in Agent CRM surveys can only be modified using Custom CSS. If you want to remove the progress bar and improve the button’s appearance, follow the steps below.


Step-by-Step Guide to Editing Your Survey’s Button and Progress Bar

Step 1: Open the Survey Builder

  • Navigate to Marketing → Survey Builder.
  • Select the survey you want to modify.

Step 2: Open the Styles Section

  • Click anywhere in the background of the survey editor.
  • On the right-hand panel, click “Styles”.

Step 3: Add Custom CSS

  • Scroll to the Custom CSS section.
  • Paste the following CSS code to remove the progress bar and background footer:

.ghl-footer
{
position: relative;
background: none;
box-shadow: 0 0 black;
}
.ghl-progress-bar
{
visibility: hidden;
}

Step 4: Save Your Changes

  • Click “Integrate Survey” to apply the changes.

After following these steps, your progress bar will be removed, and your submit button styling should improve.


More Resources

To further refine your understanding and improve your Agent CRM experience, explore these related blog posts:


Watch and Learn

This video will show you how to add the Custom CSS: https://www.loom.com/share/e6a1dd74834647d5be6f436ef777ba31

 

Also, you mentioned that you created a new survey. In this case, you will need to replace the old survey with your new survey within your funnel. The video below should help:
https://www.loom.com/share/43b6ac028fcc4b86a5cece5e09f0f9cf