Form border

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

  • Profile Image
    Sammy
    Answered on July 22, 2015 at 02:02 PM

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

    Kindly try injecting the following css into you form

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

  • Profile Image
    cgroup
    Answered on July 22, 2015 at 02: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?

  • Profile Image
    Sammy
    Answered on July 22, 2015 at 02: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;
    }

  • Profile Image
    cgroup
    Answered on July 22, 2015 at 02:45 PM

    Perfect, thank you so much sir!

  • Profile Image
    Sammy
    Answered on July 22, 2015 at 02: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.