columns in mobile view

Hello @ian00

For example, assuming you have two fields and you want to display them side by side, even on small screens. Enter the class name: col-xs-6 through their attributes: “Add CSS Layout Keywords”. Every row contains 12 columns, assigning the class names col-xs-6 to the fields, you are configuring them to take six columns in the row.

More information about the columns class names by reading the following post in the plugin’s blog:

https://cff.dwbooster.com/blog/2019/01/06/columns

Best regards.

thanks you! this was very helpful

Sorry, one more thing, how to center align content inside columns

Hello @ian00

To align everything in the form, you can enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png):

#fbuilder *{text-align:center !important;}

More information about the form’s design by reading the following post in the plugin’s blog:

https://cff.dwbooster.com/blog/2020/01/12/form-design

Best regards.

thanks a lot! nice plugin