How do I change the background color in Upload Files and Signature boxes?

  • Profile Image
    pdxblues
    Asked on November 10, 2021 at 11:05 PM

    On PB&J Photo Contest White (jotform.com), how do I change the background color of the Upload Files and Signature boxes. If there isn't a setting, I'll settle for a class.

  • Profile Image
    tolgailikli
    Answered on November 11, 2021 at 03:47 AM

    Hello,

    Thanks for contacting us.

    You may inject custom css by clicking form designer button at the right corner top. Go to styles tab and inject css below for Upload Files box.

    .qq-upload-button {
    background: blue!important;
    color: white;
    border-style: none;
    }


    After copy and paste css code above, you can customize colors you want for Upload Files.

    1636619619_618cd563ab3be_

    For the signature box, you can inject codes below

    canvas.jSignature, span.clear-pad-btn.clear-pad{
      background-color: #fff !important;
    }


    After this your form will look like shown below. At building form you can not see the difference but you will see the background color will change at previewing part.

    1636620305_618cd811a33bb_

    When you are at preview mode, you can see the signature box's background color differences shown below.

    1636620408_618cd87835f28_

    I hope it helps, have a good day.