Progress Bar widget alignment

Hello,

I added a progress bar widget to my form, but the alignment of the progress bar does not match the form (see below). Any way to correct this? Thank you.

Hi Colin,

Thanks for reaching out to Jotform Support. I'm sorry if you're having difficulties with this. You can inject the CSS code below into your form to fix the alignment of the Progress Bar widget.

.progressBar-newDefaultTheme.fixed {

  width: auto;

}



.progressBarContainer {

width: 1000px !important;

background: #FFF;

}



.progressBar-newDefaultTheme .progressBarSubtitle {

  font-size: 15px;

}

Let me walk you through it:

1. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
2. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

Here's the result:

Give it a try and let us know if you need more help.

Worked perfectly! Thank you.

Colin