How To Change Background Color of Form Collapse Section

Per another Forum answer, I injected CSS in my form to try to change the background color of my section headers.

It didn't work.

Please tell me what I'm doing wrong.  Thanks!

Hi,

Are you referring to the form collapse bar that divides your form per section? If that is that case, you can try adding this code instead to change the color of the section:

.form-collapse-table {

background: #1c487d !important;

}

You may also want to add this code to change the font color of the section headers:

.form-collapse-mid {

text-shadow: none;

font-color: white;

}

But make sure that there's not conflict. Also, change the color based from your own preferences. Here's the cloned form that I edited for testing purposes: http://form.jotformpro.com/form/50434761309958 

I hope this helps.

Thank you.

Thank you!

Using your code, I was able to change the background of the collapsible headings and remove the shadow on the label text there.  I also made the headings larger and bold.  I wanted to remove the italics so I added:

    font-style: normal;

to your second bit off CSS code.  That did not work. How can I fix this please? I want these headings to match those elsewhere on my website.  See below for my code:

I see that the Form Collapse tool does not have italic fonts any more, so I believe that you have sorted that out.

For anyone else, looking for the same, the: font-style: normal; is the correct code to use to make it not italic, depending on the other CSS code, you might need to add font-style: normal font-style: normal; as instead.

This would end up looking like:

.form-collapse-mid {
    font-style: normal;
}

Now in regards to the radio buttons, I have moved this to a new thread here: http://www.jotform.com/answers/515818

We will shortly help you set it up properly there.

Thank you.