Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @emolotel

    Depends on your form’s structure, and the styles defined into the theme active on your website. For example, assuming you have defined the DIV field to distribute the fields in two columns, you can enter the following style definition into the “Customize Form Design” attribute in the “Form Settings” tab:

    
    #fbuilder .column2{padding-left:5px; padding-right:5px;}
    

    Best regards.

    Thread Starter Francis

    (@emolotel)

    I can use Add Css Layout Keywords of each fields setting

    Plugin Author codepeople

    (@codepeople)

    Hello @emolotel

    Through this attribute you assign a class name to the fields, but the styles must be defined through the “Customize Form Design” attribute in the “Form Settings” tab. You cannot enter the CSS rules directly through the “Add CSS Layout Keywords” attributes.

    Best regards.

    Thread Starter Francis

    (@emolotel)

    for 4 columns the string should be like?

    Plugin Author codepeople

    (@codepeople)

    Hello @emolotel

    As you can see in the following link:

    https://cff.dwbooster.com/blog/2019/01/06/columns/?index=2

    The class names are: column2, column3, and column4

    So, the style definition would be:

    
    #fbuilder .column4{padding-left:5px; padding-right:5px;}
    

    Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘space between columns’ is closed to new replies.