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

      The Forms tool lets you create and manage custom forms for your business. This guide will walk you through creating a new form, editing an existing one, and setting it up to connect with your CRM. To access your forms, click the Global App Bar in the ...

    • Edit Your Form's Settings

      The Form Settings tab at the top of the form builder lets you configure security, submission rules, and more. Use these settings to customize the user experience and control how new contacts are added to your CRM. Security To reduce spam submissions, ...

    • 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 ...