Form Background Color_Transparency

  • Profile Image
    Asked on April 09, 2011 at 03:21 PM

    You guys can help me with the background color of my form?
    I've been in the advanced options and could not do anything.
    I've been practicing a lot here but could not get the expected result.
    feu did the following:

    / *
    . form-line-active {
    background-color: # c7c7c7;
    style = "opacity: 0.4; filter: alpha (opacity = 10)"
    * /

    But nothing came of it.

    Sorry for my English.

    Already, many thanks


  • Profile Image
    Answered on April 09, 2011 at 03:52 PM


    I'm not sure what the /* and */ is there for in your code but if it's actually there, please remove it.  This is used for commenting out codes.  When you comment-out a part of the CSS styles, this means to not to run the script.

    Another is that the period and the class name should be together.

    Also, you cannot use inline style in CSS form injections (style=""). CSS injections when published are placed as an internal style sheet.

    But based on your sample code, you can try this one out:

    .form-line-active {
    background-color: #c7c7c7;
     opacity: 0.4;
    : alpha (opacity = 10);

    Let me know if this works.


  • Profile Image
    Answered on April 09, 2011 at 04:43 PM

    Hi cvonline,

    In addition to the above suggestion, if you simply want to make the background of your form transparent, please go to the Setup & Embed tab of your form and click Preferences. Then type the word transparent in the Background option and click Close Settings:

    And you're done!

    You may also find these threads useful:

    Let us know if you need further assistance. Thank you for using JotForm!