Stack Form Address Fields Using CSS Classes

Stack Form Address Fields Using CSS Classes

If you would like to shorten the length of the "address" fields in your form, you can use CSS code to stack the fields using smaller input boxes. Use this guide to condense how much space your address fields need on your Marketing 360® Form.

To make these edits, you will use Custom CSS Class settings found in individual fields. The numbers for each row must total to 12 (see the classes for the rows used below).

CSS Classes

This is just one variation. Feel free to play with the numbers of our CSS Class to make your own custom layout!

If you just added these fields, don’t forget to Sync your updated form to the CRM in Leads Inbox.

    • Related Articles

    • Advanced Form Styling Options

      You can add custom site branding and styles to your forms using CSS styling. You have the ability to add custom CSS during the Form Creation process. Note: You can easily edit your form’s fonts, colors and button style in the Design tab of the form ...

    • Create a New Form

      Marketing 360® lets you create and manage forms for your business. This article will explain the creation process, as well as how to edit the forms you've already made. For most forms, it is a good practice to connect them to the CRM as you create ...

    • Edit Your Form's Settings

      Use the Form Settings tab at the top of a form to configure the additional settings. Form submission settings You can manage your form's submission settings under the section labeled After someone completes this form. Click the Enable reCAPTCHA ...

    • Forms Overview

      Marketing 360® Forms gives you the power to build user-friendly forms that can do more than just collect a name, email, and message from your users. Build customized forms with fields that cater to your needs. Add users that fill out your form ...

    • Build A Product Payment Form

      Payment forms are a powerful tool you can use to let your customers pay for products or services from an easy-to-use online form. Before you get started One of the most powerful features of payment forms is their ability to collect detailed ...