Vertically align

Hello @spitovich

Please, send me the link to the page where the form is inserted. The solutions depend on many factors. For example, the styles inherited from the theme active on your WordPress affect every tag on the page.

Best regards.

Hello @codepeople

https://tempodioro.com/compra-oro-madrid-online

Thanks a lot

Hello @spitovich

I’ve visited your form, but I guess you’re not referring to align the fields at the middle, I guess you want to center the form, or maybe display the fields in the same row. I’m sorry, I’m not sure. Could you send me a screenshot showing how do you want to format the form, please?

By the way, the color of the texts of labels are similar to the background color and can be confuse, please, 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 .fields label{color: white !important;padding-right:15px !important;}
#fbuilder .fform * {color: white !important;}

Best regards.

OK, done!!

https://imgur.com/a/gDB37v3

Hello @spitovich

You are talking about columns. Yes, the plugin includes multiple alternatives to distribute the fields in columns (the container fields, and the predefined class names). Please, watch the following videos:

Distributing the fields in columns using container fields:

https://wordpress.dwbooster.com/customdownloads/videos/video_columns_container.mp4

Distributing the fields in columns using class names:

https://wordpress.dwbooster.com/customdownloads/videos/video_columns_class.mp4

And please, read the following post in the plugin’s blog that describes all of them:

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

Best regards.

Oh fantastic!!

Is it possible a 6 columns view with the container fields (DIV) mode?

Regards

Hello @spitovich

You can create six columns by assigning to the fields the six the class name: col-sm-2 (because a row includes 12 columns). But if you prefer to use containers, you should nesting DIV tags. For example, insert a DIV tag and select “2 Columns” in its settings, and then insert into this DIV tag the other two DIV tags with “3 columns” each of them, summing the 6 columns.

Best regards.

I got it!! Thanks a lot

Best regards