how center image picker?

  • Profile Image
    cfbtel
    Asked on February 07, 2021 at 11:43 AM

    how center image picker?

    i added this code but didn't work

    .imageContainer.blocks {

      padding-right: 3px;

    }

    .pickerWidget.new {

      text-align: center!important;

      margin: auto 0!important;

    }

  • Profile Image
    Gaetan_B
    Answered on February 07, 2021 at 01:39 PM

    Hello,

    Thank you for reaching out.


    For the code to work, you would need to target the ID in the CSS like shown below. If you do not know how to retrieve the correct IDs to target, please give us a link to the form

    #id_39,#id_57,#id_50,#id_48,#id_44 {

      text-align:center!important;

    }


    Hope this helps.

    Do not hesitate to reach out if you need further assistance

  • Profile Image
    cfbtel
    Answered on February 07, 2021 at 02:24 PM

    https://form.jotform.com/210362650176046

    widget FIELD IDs is #input_7

    i added these codes to chrome inspect and didn't work

    input #input_7 {

    1. text-align: center!important;

    }

    #input_7 {

    1. text-align: center!important;

    }

    and these:

    li#id_7 {

    1. text-align: center!important;

    }

    #id_7 {

    1. text-align: center!important;

    }


  • Profile Image
    Vanessa_T
    Answered on February 07, 2021 at 09:10 PM

    Kindly add the CSS below to your form's main CSS:

    div[data-widget-name="Image Picker"] {
     text-align: center !important;
    }

    Then add the one below to your widget's CSS:

    #wrapper {
    text-align: center;
    }