Address Form One Liner

Hi @erico6,

I hope you are doing well today!

Please share an export of the form with us, so that we can check further.

You can find more info on how to export the form here : https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

After exporting, please share the file contents with us using the free services such as Google Drive, https://pastebin.com or https://justpaste.it

Please always make sure to use such services to share the code and don’t post the code here directly as it will most likely be unusable.

Kind regards,
Zafer

Hi @wpmudevsupport15!

Here’s a link to the google drive with the form export: https://drive.google.com/file/d/12K4cgwoiE_eilGJoklopsthwEtwY92pM/view?usp=drive_link. Again, I just wanted to get all of the address items on one line please. Thanks.

• This reply was modified 1 month, 3 weeks ago by erico6.

Hi @erico6,

Unfortunately, it’s not possible to display all the address fields in a single row by default. However, this can be achieved with custom CSS. Since we’re not familiar with the specific layout of your website, we can’t provide exact CSS. That said, the following CSS snippet should give you an idea of how to adjust the Forminator Address fields.

#forminator-module-352 .forminator-row {
display: flex;
}
#forminator-module-352 .forminator-row .forminator-col-6 {
flex: 1 1 50%;
}

#forminator-module-352 .forminator-row .forminator-col-12 {
flex: 100%;
}

input#forminator-field-email-1 {
    margin-left: 5px !important;
	width: calc(100% - 5px);
}
input#forminator-field-zip-address-1 {
    margin-left: 5px !important;
	width: calc(100% - 5px);
}

I hope that helps.

Kind Regards,
Nebu John

Hi @erico6,

We haven’t heard from you in a while, I’ll go and mark this thread as resolved. Note that you can still reply on this topic.

If you have any additional questions or require further help, please let us know!

Best regards,
Laura