Change the Colors of Your Form

Change the Colors of Your Form

After you have embedded your Marketing 360® form on your website, you can change the form's colors. By default, your form colors will pull from the form styling in the Form Design tab. 

Screen Shot 2023-11-02 at 8.55.59 AM.png

While you can change your website's appearance within the Design Panel to help make your form stand out, you can also easily change your form's appearance within your Marketing 360® dashboard so that you don't have to alter your website's theme or appearance.

These changes will occur within the Design section of your Form. You can change your form’s background, label, button text, and button colors in this section.

Note: By default, the colors in the Design section will pull from your Brand Profile. To make branded form creation easier, make sure to fill out the Assets section of your brand profile with your brand colors and fonts. 

 

Change the Field Description Sub-Label Color

Some form design elements will require custom CSS. If you need to change the color of the sub-labels that are used for field descriptions on your form, use the code below:

/* Label Description Color */
.text-muted { color: #ffffff !important; /* use to change the description color */
}

You will enter your desired color hex code to the right of "color": Be sure to leave the !important tag there to overwrite the default color.

 

Additional Design Changes

You can also change the colors and style of the buttons, controls, layout, and other elements of your form. Check out this article to see a full list of available CSS templates that you can add to your form.

 

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