How to make form background transparent?

  • Profile Image
    BBC2016
    Asked on March 23, 2016 at 11:00 PM

    can you help me here? the contact form I made has a gray background on it and I cant get it off - I clicked the translucent button in the DESIGN section but it still wnt work. Please help. https://www.jotform.com/answers/answer.php

     

    Also - I am having trouble getting the form fields to go 2 per line like this:

     

    Is there anyway you can MAKE the change for me???? I would GREATLY apreciate - I dont know how to do all this coding stuff - you guys are so smart!!!!!!!!!!!!!!

     

     

    FIRST LINE:

    Full Name:  (not first and last name just one box for full name)           Organization/Company:               

     

    SECOND LINE:

    Email                     Phone (this can be one box not 2, whatever looks better)         

     

    LAST LINE:  

    Message

     

    I can't get it to work.

     

     

    buildingbridgescoalition.org/now/contact/

  • Profile Image
    BBC2016
    Answered on March 24, 2016 at 12:35 AM

    I see your working on it now - I was sooo frustrated - you are doing a great job and I feel great now!!! Question - can u take out the grey backgound?

  • Profile Image
    BBC2016
    Answered on March 24, 2016 at 12:36 AM

    can you put alittle more space between name and organization and the same for the second line of phone and email too? just a little bit more space between? please please please?

     

    Also - can i leave you a tip somehow?

  • Profile Image
    BBC2016
    Answered on March 24, 2016 at 12:38 AM

    also - can u bring up the spacing too so each line is not so far apart? from top to bottom? does that make sense?

  • Profile Image
    BBC2016
    Answered on March 24, 2016 at 12:42 AM

    last question:

    how do I flip flop these 2 sections? the bottom section to go where thebiling section is?

     

    http://buildingbridgescoalition.org/moreinforsvp/

  • Profile Image
    Mike_G
    Answered on March 24, 2016 at 12:56 AM

    I have made the changes to your form that's embedded on the website you have provided as you have requested.

    What I did:

    I shrunk the fields that needed to be in one row.

    Then, I have added the CSS code below to your form. How-to-Inject-Custom-CSS-Codes

    ul.form-section.page-section{

    padding-left: 0px !important;

    padding-right: 0px !important;

    margin-top: 20px !important;

    }

    li {

    padding: 15px !important;

    margin:0px !important;

    }

    .supernova{

    background-color: transparent !important;

    }

    Kindly check if that is what you would like to happen to your form and let us know if you need any further assistance. Thank you.

  • Profile Image
    Mike_G
    Answered on March 24, 2016 at 12:58 AM

    With regards to your other concern, I have moved it to a new thread to avoid confusion with the answers/instructions. You can follow the new thread by clicking this link.

    Thank you.

  • Profile Image
    BBC2016
    Answered on March 24, 2016 at 01:06 AM

    YOUR AMAZING!!!!