how center image picker?

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;

}

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

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;

}

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;

}