What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Can you alter a form's opacity if it uses a background image?

    Asked by iranscam on August 02, 2016 at 04:14 PM

    Currently, my form's background page is completely transparent so I can view the background image I'd already set in place. The actual form itself uses a background image of the lightly-shaded company logo with white filling in the remaining space. Is there a way to alter the opacity of form with the background image still in place? The rest of my site features semi-transparent grayish boxes floating over a consistent background image on the page, and I'd like to keep this form consistent with that theme. 

    I've included an example of an identical feature, as well as how my form currently looks on my site. I'd like to get that grayed-out transparent-ish effect on the form's background image. 

     

    Page URL:
    https://form.jotform.com/62145660168153

    Screenshot
    background image a can can you
  • Profile Image
    JotForm Support

    Answered by BDAVID on August 02, 2016 at 05:55 PM

    Yes you can alter form's opacity, try injecting the  following CSS code to see how it changes: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-all{

        opacity: 0.5 !important;

    }

    Let us know if you need more help.