Configurable list widget: How to show fields in 3 columns?

I was not able to understand how I can change, with the CSS code, from 4 to 3 columns in this question 12 (i think in this way, people will be able to read and respond it better).

Can you please help?

Kind regards,

Ana Luiza

Hi Ana,

To change the field arrangements and show the fields in 3 columns, check out the steps and screenshot below to see how to add the custom CSS to your widget:

• Click on the Wand icon to open Widget Settings.
• Open the Custom CSS tab and add the below code.

/*To Show 3 columns - 16387941*/

.configurable-list-field-wrapper {

    min-width: 30% !important;

    align-self: end !important;

}

• Click on the Update button to save the changes.

Here's what the result will look like:

Here's the cloned version of the form that you can test.

Please give it a try and let us know how it goes. 

Thank you, it worked!