Making the Form Background Transparent

Last Update: December 26, 2014

If you want your forms to blend with your site’s design easily, making the background transparent is the simplest way. Here's a quick tutorial to show you how to do that.

1. Open your form in "Edit Mode".

2. Next Find and Click on the "Setup & Embed".

3. On the top toolbar, click the "Preferences" option.

4. Now in the Preferences Window look select the fifth option down called "Background".

5. Type "Transparent" (without the quotes) in the textbox input.

5. Click "OK".

For additional info check out:

How to Adjust the Opacity of a Form's Background

How to Compensate for IE's Lack of Support for Transparent PNGs

How did you do? Easy enough, right? Please share any difficulties you may have had,  your suggestions, or your ideas in the comments section below.


Sohul Mukarram (July 19, 2011 at 06:37 PM)

JotForm Support

I tried three options found in the forum. But I failed. All the time the background shows white #FFFFFF.

Whene I make the change to transparent and look for preview is seems allright.

But when ever I put in my google website the background becomes white.


I tried with the source code, deleting bacground colour, But unfourtunatelly google donot allow the source code. So I have to put it through insert>More gadgets>by URL.................But the background is white.

Please help me to solve the problem.


Sohul Mukarram

jreh (August 10, 2011 at 06:34 PM)

new JotformFeedback({
formId: "12132950385",
buttonText: "welcome to jotform",
base: "",
buttonSide: "top",
buttonAlign: "right",
width: 700,height: 500});

bmccrea (November 12, 2011 at 03:33 AM)

Thanks. That worked perfectly.

cglass (November 29, 2011 at 09:13 PM)

Worked. Thanks

Profeester (February 29, 2012 at 10:13 PM)

I tried three options found in the forum. But I failed.
-This form is not available for this domain.-
Please help me to solve the problem.

see Google site:

View Answer

LdyBgSkrGrl (January 05, 2013 at 03:39 PM)

How do I change the properties of the text boxes? I'd like to create a frame, and have the background be either transparent or grey.

View Answer

blacktiemultimedia (February 11, 2013 at 12:36 PM)

I tried following the instructions above, but when typing "transparent" (without the quotes). I can get as far as "transp" then when I type the a (or anything after that) it just switches it back to #000000.

Any suggestions please.

View Answer

hbcreative (February 13, 2013 at 03:31 PM)

Same issue as blacktiemultimedia. I believe the HEX color chooser must've updated and no longer allows you to type in Transparent. Any suggestions?

View Answer

jottydotty (February 26, 2013 at 06:35 AM)

It's worked for me to put "transparent" in, thank you.

denisealicea (December 10, 2013 at 12:47 PM)

It suddenly stopped working again. I tried editing and adding all of the above mentioned.

View Answer

ldsplaylists (January 31, 2015 at 03:40 PM)

I have set my background to transparent about 100 times, and it still shows up as white on my website.

View Answer

Send Comment