How to make the appointment widget transparent?

Hi, I would like to apply an appointment widget on my website's homepage. But is it possible that this widget should be transparent?

Hi concierge793, 

You can easily make the form's background transparent by Injecting CSS Codes into your form to make it blend better on your website. Let me walk you through it:

1. First, copy this code:

/*Make the whole form transparent - 26684741*/

.supernova, .jotform-form, .form-all {

background-color: transparent !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

However, if you only want the Appointment field to be transparent and not the whole form, you can share with us the form you would like to embed so we can check the correct class name for the CSS code.

Give it a try and let us know how it goes.

Thank you so much for your kind support and share information that what I need. Its very easy to apply on my website.