How to center field on page?

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

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

  • Profile Image
    Chriistian
    Answered on June 21, 2016 at 01:39 AM

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

    #cid_154 {

        margin: auto;

    }

    #label_154 {

        margin: auto;

        width: 400px;

    }

     

     

  • Profile Image
    art_crate
    Answered on June 21, 2016 at 01: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.

     

  • Profile Image
    Chriistian
    Answered on June 21, 2016 at 02: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;

    }

  • Profile Image
    art_crate
    Answered on June 21, 2016 at 02:30 AM

    thank Chriistian! That did the trick!

  • Profile Image
    CTec
    Answered on June 21, 2016 at 05: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

  • Profile Image
    Chriistian
    Answered on June 21, 2016 at 08:16 AM

    @art_create, you are welcome!

     

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