Align fields to the right or center field

Hello @alexvds,

The process is very simple:

– First, assign a custom class name to the field, for example: my-field

Note: The class names are assigned to the fields through the attribute: “Add CSS Layout Keywords” in their properties.

– Second, define the custom class name through the “Customize Form Desgin” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png)

#fbuilder .my-field input{text-align:right !important;}

and that’s all.
Best regards.

And if you have 2 buttons in 2 culoms? How to senter both of them?

Hello,

The solution would be just the same, but instead of applying the styles directly to the input tag, apply them to the tag with the class defined.

For example, if you’ve assigned the class name: centering-button to both buttons, the styles definition would be:

#fbuilder .centering-button{text-align:center !important;}

If you need additional help customizing the form’s appearance, I can offer you a custom coding service from my private website:

https://cff.dwbooster.com/customization

Best regards.

Thanks, Works perfect!