Is there a way to adjust widths of columns in one section and not another?

I am trying to make the image column say 20% and the configurable table 80%. I want to put a product thumbnail to the left. Shrinking is only 50% / 50%

Hi gregoryscottlindsey,

Thanks for reaching out to Jotform Support. You can apply CSS to adjust the width of the Image field. Let's say you've added an Image element before the Configurable List. You can get the CSS selector by using the inspect element. Here's an example:

The CSS selector for that is: #id_34. Then, add inject the CSS code below into your form to adjust the width of that Image element.

li#id_34 {

  width: 200px !important;

}

Let me walk you through it:

1. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
2. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

Feel free to adjust the width to your preference. Also, if it's all complicated, you may want to use the Product List instead. This element will allow you to add products, quantities, options, and images. Here's an example:

Reach out again if you have any other questions.