Image Picker Widget: How to adjust the width?

What about resizing width of the widget
container so that I can attempt to crop the review widget and place it next
to the color picker widget
...

Hi Frank,

Thanks for reaching out to Jotform Support. Changing the width of the widget is easy. Let me show you how:

1. In Form Builder, click the Image Picker widget and click the Gear icon.
2. Under the General tab, enter your preferred width in the Width section.

But if you want to add an element next to the widget, I suggest shrinking the widget. Here's how:

1. In Form Builder, click the Image Picker widget.
2. Right-click and select Shrink.

Let us know if you need any more help.

Understood this particular method. However, What we are trying to accomplish is to decrease the width of the container while still maintaining the 4 columns. When using the shrink method, images adjust to 3 columns and the widget height increases. Is there any Custom CSS code that can be utilized to decrease the container width without affecting the layout of the images within the widget? I apologize for the high specificity, but we are trying to ensure the form fits well with the structure of our website.

Understood this particular method. However, What we are trying to
accomplish is to decrease the width of the container while still
maintaining the 4 columns. When using the shrink method, images adjust to 3
columns and the widget height increases. Is there any Custom CSS code that
can be utilized to decrease the container width without affecting the
layout of the images within the widget? I apologize for the high
specificity, but we are trying to ensure the form fits well with the
structure of our website.
...

Hi Frank,

Thanks for getting back to us. You can adjust the width of the Image Picker widget with the provided CSS code. You can update the percentage value to your preference.

/*Adjust Image Picker widget width - 13834461*/

li#id_42 {

    width: calc(57% - 8px);

}

/*Code ends here*/

Here's how to do it:

1. In Form Builder, on the right side of the screen, click on the Paint Roller icon.

2. On the right panel, go to Styles.

3. Scroll down to Inject Custom CSS.

4. Paste the provided CSS code.

Result:

Give it a try and let us know how it goes.

That worked! Thank You