Title: Vertically align Last modified: November 10, 2020 --- # Vertically align * Resolved [spitovich](https://wordpress.org/support/users/spitovich/) * (@spitovich) * [5 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-3/) * Hi, * How can I vertically align the fields? * I have tried [this](https://wordpress.org/support/topic/center-align-labels-vertically/) but it doesn’t work * Best regards. Viewing 8 replies - 1 through 8 (of 8 total) * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [5 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-3/#post-13643621) * Hello [@spitovich](https://wordpress.org/support/users/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. * Thread Starter [spitovich](https://wordpress.org/support/users/spitovich/) * (@spitovich) * [5 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-3/#post-13643670) * Hello [@codepeople](https://wordpress.org/support/users/codepeople/) * [http://tempodioro.com/compra-oro-madrid-online](http://tempodioro.com/compra-oro-madrid-online) * Thanks a lot * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [5 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-3/#post-13643712) * Hello [@spitovich](https://wordpress.org/support/users/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](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. * Thread Starter [spitovich](https://wordpress.org/support/users/spitovich/) * (@spitovich) * [5 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-3/#post-13643774) * OK, done!! * [https://imgur.com/a/gDB37v3](https://imgur.com/a/gDB37v3) * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [5 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-3/#post-13643795) * Hello [@spitovich](https://wordpress.org/support/users/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](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](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](https://cff.dwbooster.com/blog/2019/01/06/columns) * Best regards. * Thread Starter [spitovich](https://wordpress.org/support/users/spitovich/) * (@spitovich) * [5 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-3/#post-13644310) * Oh fantastic!! * Is it possible a 6 columns view with the container fields (DIV) mode? * Regards * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [5 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-3/#post-13644345) * Hello [@spitovich](https://wordpress.org/support/users/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. * Thread Starter [spitovich](https://wordpress.org/support/users/spitovich/) * (@spitovich) * [5 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-3/#post-13644417) * I got it!! Thanks a lot * Best regards Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘Vertically align’ is closed to new replies. * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377) * [Calculated Fields Form - AI Form Builder for WordPress - Contact, Payment, Quote, Quiz & More](https://wordpress.org/plugins/calculated-fields-form/) * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq) * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/) * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/) * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/) * 8 replies * 2 participants * Last reply from: [spitovich](https://wordpress.org/support/users/spitovich/) * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/vertically-align-3/#post-13644417) * Status: resolved