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