Gap between fields in Form Block

Pro Tips Other Tips
1

If you want to adjust gap between fields in Form Block, you can use these CSS code to Website Tools > Custom CSS.

#1. All Form Blocks

div.form-block .form-wrapper div.form-item.field {
    margin-bottom: 0px !important;
}

image
image467×510 12.1 KB

#2. All Form Blocks (Desktop Only)

@media screen and (min-width:768px) {
div.form-block .form-wrapper div.form-item.field {
    margin-bottom: 0px !important;
}}

#3. All Form Blocks (Mobile Only)

@media screen and (max-width:767px) {
div.form-block .form-wrapper div.form-item.field {
    margin-bottom: 0px !important;
}}

#4. Specific Form Block

First, you need to find Form Block ID. Use this tool.

  • #block-yui_3_17_2_1_1723417893645_6471

image
image800×555 35.3 KB

Next, use this CSS code

#block-yui_3_17_2_1_1723417893645_6471 .form-wrapper div.form-item.field {
    margin-bottom: 0px !important;
}

image
image467×525 12.9 KB