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

  • mikeglanfield
    Asked on March 7, 2015 at 8:42 AM
  • raul
    Replied on March 7, 2015 at 1: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: 

    How can I make my jotform appear in the centre of the computer screen? Image 1 Screenshot 20

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

  • mikeglanfield
    Replied on March 7, 2015 at 3: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.

  • raul
    Replied on March 7, 2015 at 4: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")

    How can I make my jotform appear in the centre of the computer screen? Image 1 Screenshot 20

    Best Regards.

  • mikeglanfield
    Replied on March 8, 2015 at 3:56 AM

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

    Well done and thank you!

    Kind regards,

    Mike.

  • Elton Support Team Lead
    Replied on March 8, 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! :)

  • mikeglanfield
    Replied on August 7, 2015 at 5: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.


    ...
  • mikeglanfield
    Replied on August 7, 2015 at 5: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.





    ...
  • AaronSiciliano
    Replied on August 7, 2015 at 9: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.