Pls help re-create this form

  • schraderweb
    Asked on December 17, 2020 at 4:00 PM

    Hi,


    Can you please re-create the form seen on the page listed below?


    Thanks!


  • Ahmed_S
    Replied on December 17, 2020 at 6:53 PM

    Greetings,

    I've checked the contact form that you've shared and I have created a form with the same layout for you to clone it

    https://form.jotform.com/203516725689061

    please follow the steps in this guide to clone the form.

    The created form is in the JotForm default style, so you are free to change the theme or even customize it to look like your reference form by using our Advanced Designer, you can find the helping guide here.

    Please let us know if you need any further assistance.

  • schraderweb
    Replied on December 17, 2020 at 10:40 PM

    OK..I got the form to look very close. But pls tell me how to remove the border and remove the

    top padding?

    Updated form here: https://finchsoutdoor.com/contact-us.html

    I used the Advanced Builder but dont see this options.

    Thanks!



  • Vick_W Jotform Support
    Replied on December 18, 2020 at 12:54 AM

    Hi there,

    Please inject the following CSS in your form to remove the border:

    .form-all {
       border:none !important;
      box-shadow: none !important;
    }

    Here is how you can inject CSS into your form.

    https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    The padding you want to remove is part of your website element. So you'll have to fix it on your website.

    1608270791 5fdc43c7c2991 screenshot Screenshot 10

    Let us know if you need further assistnace.

    Thanks

  • schraderweb
    Replied on December 18, 2020 at 12:23 PM

    Wow....thanks so much for the help on this! (:


    I do see a horizontal line above the 'click here' button....how to remove this please?





  • Gaetan_B
    Replied on December 18, 2020 at 1:45 PM

    Hello,


    You just have to add this code by injecting CSS as my colleague showed you (https://www.jotform.com/help/117-how-to-inject-custom-css-codes):

    .form-buttons-wrapper {
      border-top: none;
    }



    Should you have any further inquiries, do not hesitate to reply to this thread