How to Style the Campaign Error Messages

When using one of our native Email Service Provider integrations, OptinMonster will automatically display an error message if your visitor tries to incorrectly submit the form.

If you wish to change the default styling of the error message, this brief style guide will help you get started.

Before You Start

Here are some things to know before you begin:

Style Error Messages

To style the campaign error messages, follow these steps:

  1. Navigate to the Custom CSS Tool in the campaign builder.
  2. Next, using the CSS class .optin-monster-saas-error enter your desired CSS style(s).
  3. When you’re finished, click Save.

Example

You can use the following CSS to get started. In this example, we’ll change the text color to black, make it bold and remove the default italic styling.

html div#om-{{id}} .optin-monster-saas-error { 
  color: #000000 !important;
  font-weight: bold !important;
  font-style: normal !important;
}