How to center field on page?

  • art_crate
    Asked on June 21, 2016 at 12:44 AM

    How do I center the custom amount under the other fields?

    How to center field on page? Image 1 Screenshot 20

    Page URL: https://form.jotform.com/61565853740966
  • Chriistian Jotform Support
    Replied on June 21, 2016 at 1:39 AM

    Please inject the custom css below to center the custom amount field.

    #cid_154 {

        margin: auto;

    }

    #label_154 {

        margin: auto;

        width: 400px;

    }

     

    How to center field on page? Image 1 Screenshot 20

     

  • art_crate
    Replied on June 21, 2016 at 1:57 AM

    Hi Chriistian,

     

    Thank you so much for helping me center the field. Is it possible to have it match the style of the numbered field? See image below.

     

    How to center field on page? Image 1 Screenshot 20

  • Chriistian Jotform Support
    Replied on June 21, 2016 at 2:22 AM

    Please remove the previous css we inserted and replace it with the one below to match the style of the numbered fields.

    #cid_154 {

        margin: auto;

        width: 345px;

    }

    #label_154 {

        margin: auto;

        width: 345px;

    }

    #id_154 {

        margin-top: -75px;

    }

    How to center field on page? Image 1 Screenshot 20

  • art_crate
    Replied on June 21, 2016 at 2:30 AM

    thank Chriistian! That did the trick!

  • CTec
    Replied on June 21, 2016 at 5:59 AM

    Hi Christian

    I'm having a similar problem with my form. Basically, I want to centre everything in a responsive form.

    https://form.jotform.com/61722626473962

  • Chriistian Jotform Support
    Replied on June 21, 2016 at 8:16 AM

    @art_create, you are welcome!

     

    @CTec, I created a separate thread for you to better assist you. Please see the thread here.