How can I change the background color of specific header and question fields?

  • phillipsmgmt
    Asked on April 17, 2019 at 10:35 AM

    Hello,

    There is a certain section on my form that is to be completed by the corporate team only.

    Since both the corporate team and the person submitting the form will need access to the "edit submission" link, I can not set up an approval process workflow that hides this section.

    To make it more obvious that this section is for the corporate team to complete ONLY, I want to change the background color of one of the headers, along with the background color of two question fields.

    When I go into advanced editor, changing the background color of something, changes the background color of ALL of those kinds of fields. Is there a way to changes one specifically?

    Thanks

  • Support_Management Jotform Support
    Replied on April 17, 2019 at 12:48 PM

    Hello @phillipsmgmt - Yes, there's a way to apply the changes to specific parts/sections of your form. We can help you with the CSS codes you need if you can tell us:

    1. The URL of the form you're currently working on

    2. The names of the fields involved

    3. And the intended background color of these fields

    For now, if you wish to try it yourself using the advanced designer, make sure you are in the CSS tab first, then double click on the element(s) you want to change. Single clicking on an element will target all similar elements in the form while double clicking will only target that specific field.

    In the example below, I only clicked once the first time and it highlighted all the textbox fields in the form. But, after double clicking the field, it only highlighted that field alone.

    How can I change the background color of specific header and question fields? Image 1 Screenshot 20

  • phillipsmgmt
    Replied on April 17, 2019 at 5:25 PM

    This worked thanks!