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

  • cocinapos
    Asked on March 23, 2017 at 5:14 PM
  • Elton Support Team Lead
    Replied on March 23, 2017 at 9: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.