How can I make my jotform appear in the centre of the computer screen?

  • Profile Image
    mikeglanfield
    Asked on March 07, 2015 at 08:42 AM
  • Profile Image
    raul
    Answered on March 07, 2015 at 01:47 PM

    Please try to inject the following CSS code to your form: 

    @media screen and (min-width: 1024px) {
       .form-all { left: -15% }
    }

    This would be the result: 

    If you require further assistance, please let us know.
    Thank you.

  • Profile Image
    mikeglanfield
    Answered on March 07, 2015 at 03:55 PM

    Thank you for the quick reply. Is there CSS code that would force the jotform to be centre aligned regardless of the size of the computer display please? i.e. it might now be showing in the centre of my 24" screen but it might still be off centre on another display.

     

    Regards,

    Mike.

  • Profile Image
    raul
    Answered on March 07, 2015 at 04:30 PM

    Please try to use this code instead:

    @media screen and (min-width: 1024px) {
      .form-all {
        position: absolute !important;
        left: 50%;
        margin-left: -400px;
      }
    }

    I'm using absolute positioning so it should work on your screen too.
    It looks like this on mine (14")

    Best Regards.

  • Profile Image
    mikeglanfield
    Answered on March 08, 2015 at 03:56 AM

    Hello Sir - I think you've sorted out the problem for me.

    Well done and thank you!

    Kind regards,

    Mike.

  • Profile Image
    EltonCris
    Answered on March 08, 2015 at 11:33 AM

    Glad my colleague was able to sort it out.

    Here's also my approach if you want the form to be fully centered across different devices.

    .form-all {margin: 177px auto 0 auto !important;}

    Cheers! :)

  • Profile Image
    mikeglanfield
    Answered on August 07, 2015 at 05:09 AM
    Hello,
    You helped me with providing a solution in the past and wondered if you can help me again?
    How may I edit the form so that all text appears on one line please?
    Kind regards,
    Mike.


    ...
  • Profile Image
    mikeglanfield
    Answered on August 07, 2015 at 05:24 AM
    Hello,
    You helped me with providing a solution in the past and wondered if you can help me again?
    How may I edit the jotform so that all text appears on one line please?
    Kind regards,
    Mike.





    ...
  • Profile Image
    AaronSiciliano
    Answered on August 07, 2015 at 09:43 AM

    Hello mike, please note that even though this is your thread we like to limit one question per thread. Any time you have a new question please open a new thread with that question only. I have moved your question to its own thread that can be found and will be answered here.