Support Forums

I don't know how to change the color of the blue progress bar or gray buttons. Does anyone know how to do this?

Chad said:

However if you know some CSS and Photoshop you can copy the images we use to generate the buttons/progress bar.  Edit them in Photoshop and use a little CSS hacking to replace them in the Survey.

Thanks Chad. I was able to change the buttons but can't change the progress bar. Here is the CSS for the progress bar. How would I add the new progress bar graphic?

.progressBar {
   margin:0 auto 15px auto;
   text-align:center;
   width:200px;
}

#sg_ProgressBar {
     background-color:#E3C2B3;
     font-size:10px !important;
     font-weight:bold !important;
     font: bold 10px/16px arial !important;
     border:1px solid #936D5B;
     color:#7B2420;
}

Hi, Andrew.

Upload your new progress bar image to your SurveyGizmo Files and Templates.  or place it on the web somewhere.

In Edit Survey => Look&Feel find the following code in your css template for your survey:

#sg_ProgressBar

background-image:url (http://URL for your image in your Files and Templates or where you are hosting image);

I hope this is clear.

–Cheri