Form and Fields Spacing, Merging and Padding

  • Resolved Last Price

    (@lastpriceca)


    1 year, 10 months ago

    Hello CFF,

    Thank you for the real plugin that allows easy customization and more. I am looking for a way to make spacing, merging, and or padding of my CFF form and its fields less or more compact. What CSS class(es) I should use. Is there some common CSS classes that I can use for controlling spacing regardless of the used form template? My form shows by clicking on a button that says Book Your Test Drive on any car page here. For example, this page.

    Thank you.

    The page I need help with: [log in to see the link]

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

    (@codepeople)

    Hello @lastpriceca

    Thank you very much for using our plugin. The plugin includes the “Customize Form Design” attribute in the “Form Settings” tab. It is a CSS editor with syntax highlighting and error checking. Via the “Customize Form Design” attribute, you can modify the form and fields’ designs.

    For example, to reduce padding and margin of every field at once, you can enter the style definition:

    #fbuilder .fields{padding:0 2px!important; margin:0 !important;}

    Learn more about the fields and form components and class names by reading the following blog post:

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

    Best regards.

    Thread Starter Last Price

    (@lastpriceca)

    It worked great. Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Form and Fields Spacing, Merging and Padding’ is closed to new replies.