How to change the color of a Form-Collapse Bar

  • SunbridgeInstitute
    Asked on December 17, 2015 at 10:27 AM

    Hi there! My form collapse bars are whitish, but I would like to make them #fbaa29 orange to match my color scheme. Can you tell me how to do this?

    Please note that I will be making 28 more duplicates of these fields, so if you can tell me if there are more steps required to make all of them orange, I would appreciate that!

    Thank you!

  • BJoanna
    Replied on December 17, 2015 at 11:22 AM

    Thank you for contacting us. 

    You can change background color of Form Collpase by Injecting Custom CSS.  Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .form-collapse-table{

        background:none #fbaa29;

    }

    .form-collapse-mid{text-shadow:none;}

    How to change the color of a Form Collapse Bar Image 1 Screenshot 30

    When you add this code your Form Collapse will look like this. 

    How to change the color of a Form Collapse Bar Image 2 Screenshot 41

    Here is my demo form: https://form.jotform.com/53504026788964? 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance. 

  • SunbridgeInstitute
    Replied on December 17, 2015 at 11:38 AM

    Wonderful! Thank you!

  • BJoanna
    Replied on December 17, 2015 at 12:03 PM

    You're welcome.

    Feel free to contact us if you have any other questions.