Form border

  • cgroup
    Asked on July 22, 2015 at 12:37 PM

    Hi - I have consistently had an issue with your forms where an obnoxiously large white border is created around any form when I try to embed it to any website.

    See here: http://www.cgvegas.com/home-search/

    I solved this issue before by adjusting something manually in the code, but whenever I go to the 'form design' area and try to edit a form it reverts back to creating an unnecessarily large amount of white space around the form.  I really feel like this is something we should be able to adjust in the form design area, I don't want to have to look into manually adjusting it each time I need to edit my form.  I really don't like the look of the unnecessary white space. Please help fix this!

  • Sammy
    Replied on July 22, 2015 at 2:02 PM

    Do you mean the space as highlighted in the screenshot below?

    Form border Image 1 Screenshot 30

    Kindly try injecting the following css into you form

    .supernova .form-all {
        padding: 0;
        margin: 0;
    }

    Form border Image 2 Screenshot 41

  • cgroup
    Replied on July 22, 2015 at 2:15 PM

    Hi Sammy, thank you that did the trick.  Now somehow the form has managed to left-justify itself on the webpage.  I do have <center> coding around it on my website ... do you know how I can fix this?

  • Sammy
    Replied on July 22, 2015 at 2:35 PM

    Glad to hear that helped,

    regarding the centering, in the same class, update your margin to be as shown in the snippet below, the auto element allows for auto centering of the form

    .supernova .form-all {
        padding: 0;
        margin: 0 auto;
    }

  • cgroup
    Replied on July 22, 2015 at 2:45 PM

    Perfect, thank you so much sir!

  • Sammy
    Replied on July 22, 2015 at 2:46 PM

    You are most welcome, glad to be of some assistance, If you have any further questions, feel free to open a new thread and we will be happy to help.