How do I remove form borders from site?

  • igenmedia
    Asked on December 12, 2016 at 5:45 PM

    Hi,

    It looks like you have made some changes to your form setups, and so not sure how to fix anymore.

     

    I am trying to remove borders from the main contact form on our new site. I have made background transparent as I want the form to blend in with the background of the webpage. 

     

    However, nothing I am doing is removing that background. It also is having longer field titles stop way before the allowed form title length (which I have set at 700px) So it is wrapping when it should not. 

     

    Not sure where to make change as I use to be able to tinker with this via preferences but it looks like you have changed that. 

     

    Please help so I know for future. 

    Page URL: http://wenetwork.com/wp/headquarters/
  • igenmedia
    Replied on December 12, 2016 at 6:06 PM

    Okay, i got the background border to disappear but now the checkboxes are gone. 

  • Ian
    Replied on December 12, 2016 at 11:40 PM

    The issue can be fixed by adding the following line of code in custom CSS through INJECT CSS

    #cid_10{

    float:left;

    }

    Here is the screenshot :

    How do I remove form borders from site? Image 1 Screenshot 20

     

  • igenmedia
    Replied on December 13, 2016 at 10:55 AM

    This has definately helped.

    However, when looking on mobile, it looks like the checkbox fields are getting cut off or are not showing up as they are too far to the right. Is there a way to get it so it displays okay within a mobile setting?
  • Jan
    Replied on December 13, 2016 at 12:18 PM

    Glad to hear that the solution provided by Ian resolved your issue.

    I need to create a separate thread for your mobile responsive issue. Here's the link: https://www.jotform.com/answers/1010331. Please wait for my reply on that thread.

    Thank you.

  • igenmedia
    Replied on December 13, 2016 at 12:22 PM

    ok, thanks