How do I remove form borders from site?

  • Profile Image
    igenmedia
    Asked on December 12, 2016 at 05: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. 

  • Profile Image
    igenmedia
    Answered on December 12, 2016 at 06:06 PM

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

  • Profile Image
    Ian
    Answered 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 :

     

  • Profile Image
    igenmedia
    Answered 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?
  • Profile Image
    Jan
    Answered 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.

  • Profile Image
    igenmedia
    Answered on December 13, 2016 at 12:22 PM

    ok, thanks