- bdoodleAsked on February 13, 2015 at 09:17 AM
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!
- CharlieAnswered on February 13, 2015 at 11:00 AM
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:
background: #1c487d !important;
You may also want to add this code to change the font color of the section headers:
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.
- bdoodleAnswered on February 13, 2015 at 02:38 PM
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:
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:Also, I'm unable to get the labels under the radio button in the "Complete Order" section to be white. Any suggestions?
- BenAnswered on February 13, 2015 at 04:07 PM
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:
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.