Css code for centre aligning element

  • avwhittingham
    Asked on January 10, 2020 at 6:58 AM

    Hiya,

    I've tried every way to get the file upload button to centre on the form but the only way that I can manage it is to use 'padding-left', this works but shunts the button off the screen when the form is viewed on a mobile.

    Is there a better way to accomplish centering elements on the form

    Thanks in advance

    Tony Whittingham

    Jotform Thread 2109588 Screenshot
    Page URL: https://eu.jotform.com/build/200086257823353
  • sinan
    Replied on January 10, 2020 at 10:29 AM

    Hi,

    Firstly turn Shrink option off from File Upload Properties -> Advanced tab.


    Than you can achieve center aligning by removing


    #id_62{

    padding-left: 250px

    }

    #label_62{

    padding-left:37px;

    }

    part and adding below CSS.

    #id_62 .qq-uploader{

    display: inline-block

    }

    #id_62 .form-input-wide{

    text-align: center

    }

    #label_62{

    text-align: center

    }

  • avwhittingham
    Replied on January 10, 2020 at 10:41 AM

    Thanks Sinan.

    I really appreciate your help

    Tony