Pls help re-create this form

  • Profile Image
    schraderweb
    Asked on December 17, 2020 at 04:00 PM

    Hi,


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


    Thanks!


  • Profile Image
    Ahmed_S
    Answered on December 17, 2020 at 06: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.

  • Profile Image
    schraderweb
    Answered 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!



  • Profile Image
    Vick_W
    Answered 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.jpg.

    Let us know if you need further assistnace.

    Thanks

  • Profile Image
    schraderweb
    Answered 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?





  • Profile Image
    Gaetan_B
    Answered on December 18, 2020 at 01: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