How to Center and Shorten Frame to Center on Page

  • Profile Image
    AutomotiveHelpRepair
    Asked on February 22, 2015 at 10:37 PM

    How to Center and Shorten Frame to Center on Page?

    How to center and bring form closer to Mechanics Are Standing by?

    As you can see in image the form is too left and not centered and there is a space to large between them.

    Regards,

     

    Lee

     

  • Profile Image
    Stu 
    Answered on February 23, 2015 at 12:17 AM

    to center everything you can add some custom css to your form (preferences > form styles):

    .form-all {
    text-align: center;
    }

    you have a 90px padding on the top of the form, causing your big gap... add this to your custom css:

    .jotform-form { padding: 0px;}

     

     

    hope this helps :)

  • Profile Image
    AutomotiveHelpRepair
    Answered on February 23, 2015 at 02:43 AM

    Thank you Stu have all lined up thank you! 

    Still have the gap can you check to see if I added CSS correctly - I noticed Super Nova theme had some left overs when I went back to Default Theme. Is there a way to see if the old theme is still present in CSS?

     

    Thank you for Great Help,

     

    Lee

  • Profile Image
    AutomotiveHelpRepair
    Answered on February 23, 2015 at 03:38 AM

    OK went to designer and the css now works but will not work in form css weird

  • Profile Image
    AutomotiveHelpRepair
    Answered on February 23, 2015 at 03:40 AM

    Now background is not transparent - css code is in - what is going on?

  • Profile Image
    EltonCris
    Answered on February 23, 2015 at 08:50 AM

    Hi Lee,

    Here's how to make the form background transparent in the Designer.

    To remove the spacing around the form, inject this CSS codes in the Designer - CSS tab.

    .jotform-form{padding:0 !important;}

    I can't find the form in your site similar to your screenshot so I can't make a test. However, the above solutions should help.

    Thanks!