Subheader CSS Styling Issue on Live Form

Hi, Jotform team- I needed to have a 2-line subheader on the form below, so searched for a solution in the Help Center, and found CSS that I could inject. I did this, and modified it so the two lines would display correctly. They are great in the form builder, but are super weird in the published version. Can you help me fix this?

Form Builder version:

Published version

Thanks in advance!

Hi craddock, 

You can easily remove the gray line above the Submit Button by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

.form-header-group .form-subHeader {

    max-width: 500px;

    margin: 0 auto;

    text-align: center;

    white-space: normal;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Check out my screencast below to see the result: Give it a try and let us know how it goes.

Much better, thank you so much!!