How to Adjust Your Form Background’s Opacity

Last Update: 

Not to be confused with page background.

Sometimes, instead of having the background of a form fully transparent or opaque, you may like something in between. This guide highlights how you can change your form background’s opacity.

Here’s how:

  1. In Form Builder, click on the paint roller icon in the upper-right corner to open Form Designer.
An arrow pointing to the paint roller icon, to open Form Designer, in Form Builder
  1. In the Form Designer pane on the right, click on Form Color under the Colors tab.
An arrow pointing to the Form Color field in Form Builder's designer
  1. Finally, adjust the Alpha (“A”) value in the color picker window.
A highlight on the color picker's Alpha value in Form Builder's designer

Alpha describes the transparency level where 100 is fully opaque and 0 is completely transparent.

See also: How to Make the Form Background Transparent.

Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum:

Contact Jotform Support:

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


  • Qima - Profile picture
  • teckstyle - Profile picture
  • rené bussibg - Profile picture
  • widgets - Profile picture
  • HolisticAndOrganix - Profile picture
  • hollandhotels - Profile picture
  • teckstyle - Profile picture
  • Jeanette - Profile picture
  • aquades - Profile picture