Buy me a coffee

Gap between fields in Form Block

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;
}

Gap Between Fields In Form Block 01 Min

#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;
}}

Gap Between Fields In Form Block 02 Min

#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;
}}

Gap Between Fields In Form Block 03 Min

#4. Specific Form Block

First, you need to find Form Block ID. Use this tool. In my example, it is:

  • #block-yui_3_17_2_1_1723417893645_6471

Gap Between Fields In Form Block 04 Min

Next, use this CSS code

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

Gap Between Fields In Form Block 05 Min