Semi Transparent Background

  • Profile Image
    HOOPLOVERS
    Asked on July 18, 2013 at 03:24 AM

    Hello,

     

    I would love to know how I can have my form background as semi transparent.

     

    Please help. 

     

    Thank you.

     

    Masa

  • Profile Image
    EltonCris
    Answered on July 18, 2013 at 04:07 AM

    Hi Masa,

    You can use this CSS code, simply inject this to your form. Guide: How to Inject Custom CSS Codes to your Form

    You will be able to see the opacity when you embed your form. Example:  http://formdemos.awardspace.biz/formTemplate15.html

    To learn more about opacity background, check this guide: http://www.jotform.me/help/122-How-to-Adjust-the-Opacity-of-a-Form-s-Background

    Thanks!

  • Profile Image
    HOOPLOVERS
    Answered on July 18, 2013 at 05:09 AM

    Thanks for your quick reply. 

     

    There are two more things I would like to know.

    1. CSS code for roundred corner for the back ground (using the semi transparent) 

     

    2. Is it possible to have a fluid background? I want my back ground to fill the screen, no matter the size of the screen. 

    Many thanks! 

     

     

  • Profile Image
    Morian
    Answered on July 18, 2013 at 06:15 AM

    Hi!

    You can inject this code for rounded corner 

    .form-all {
    border-radius: 15px 15px 15px 15px !important;}

    Result:

    As for your 2nd question, I'm not quite sure about it but you can try setting the height and width of the form to 100%. Thanks!