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

  • 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.

  • Tolga JotForm Developer
    Replied on November 11, 2021 at 3: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  Screenshot 10

    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  Screenshot 21

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

    1636620408 618cd87835f28  Screenshot 32

    I hope it helps, have a good day.