Change heading background and text color as well as form collapse box

  • Profile Image
    Asked on March 23, 2017 at 05:14 PM
  • Profile Image
    Answered on March 23, 2017 at 09:02 PM

    For the headerbox, use this:

    [data-type="control_head"] {

        background-color: orange; /* background color */


    .form-header, .form-subHeader {

        color: white !important; /* text color */


    You can also replace the colors with hex colors.


    For the form collapse box:

    .form-collapse-table {

    background: #fff; /* background color */

    border: 1px solid #fff; /* border color */


    .form-collapse-mid {

        color: #000; /* text color */



    For the form collapse box arrows, there are two, hidden and show states.

    /*HIDDEN state*/

    .form-collapse-right-hide {

        background: url(YOUR HIDDEN ARROW IMAGE URL HERE) no-repeat center;


    /*SHOW state*/

    .form-collapse-right-show {

        background: url(YOUR SHOW ARROW IMAGE URL HERE) no-repeat center;


    I have added labels in the code so you can identify which is it for.

    Make sure to replace the text in bold to your preference.

    If you need further assistance, let us know.