OptinMonster Documentation

Documentation, Reference Materials, and Tutorials for OptinMonster



How to Style the Placeholder Text

How to Style the Placeholder Text


Placeholder text is the default text shown in form fields to indicate what information should be entered. You can either use the Campaign Builder settings or use CSS to customize the style of your placeholder text in OptinMonster.

In this article, we’ll provide some examples to style placeholder text.

Before You Start

Here are some things to know before you begin:

  • This guide assumes you’re already familiar with our Custom CSS tool.
  • Styling your placeholder text with CSS typically isn’t required. It is optional if you wish to change the default styling.
  • You can style other aspects of your placeholder. However, we encourage you to keep styles minimal when it comes to modifying the default look of placeholder text — like color, font style, and font variant — to maintain professionalism and readability.

Style using Campaign Builder

  1. Open the Optin Form settings in the Campaign Builder

    placeholder settings

  2. Click on the pencil icon to open the font settings panel and edit the color, font-family and other settings as per your requirements.

    placeholder settings panel


Style using Custom CSS

The following examples will help you style the Placeholder text using CSS:

Style Just OptinMonster Campaign Placeholders
html div#om-{{id}} ::-webkit-input-placeholder { color: #333 !important; } /* Chrome/Opera/Safari */
html div#om-{{id}} ::-moz-placeholder { color: #333 !important; } /* firefox 19+ */
html div#om-{{id}} :-ms-input-placeholder { color: #333 !important; } /* ie */
html div#om-{{id}} :-moz-placeholder { color: #333 !important; } /* below firefox 19 */
Style ALL Placeholder Text on Your Website

To change the styling of all placeholder text on your website and in your campaigns, we recommend adding the CSS directly to your website rather than in any individual OptinMonster campaign.

::-webkit-input-placeholder { color: #333 !important; } /* Chrome/Opera/Safari */
::-moz-placeholder { color: #333 !important; } /* firefox 19+ */
:-ms-input-placeholder { color: #333 !important; } /* ie */
:-moz-placeholder { color: #333 !important; } /*below firefox 19 */

Still stuck?

How can we help?

Last updated on

Start Getting More Leads & Sales Today with OptinMonster!

Start Getting More
Leads & Sales Today
with OptinMonster!

Create and launch smart capture forms today in minutes. What are you waiting for?

Create and launch smart capture forms
today in minutes. What are you waiting for?

OptinMonster has transformed our business. Before integrating their optins, our clients saw a 2% conversion rate from web traffic, which is slightly above the standard for their industry. With the integration of OptinMonster’s lightbox popup, exit-intent technology, split testing, and other tools, our client’s conversion rates soared by an unprecedented 500%. They attracted substantially more customers while spending less on digital advertising. Their success propelled them to the top of their markets, outperforming national chains and other medical spas with much bigger marketing budgets. Our client’s success in their market has distinguished us in our own. We are now one of the most sought-after marketing firms in the industry of aesthetic medicine. We know that the integration of OptinMonster, more than any other tool or marketing strategy, has supported this growth and achievement.

chris zelig medstar media

Chris Zelig

Partner, Medstar Media

OptinMonster has been a game-changer for us. From driving donations to collecting new leads, there is nothing that this simple tool has failed to accomplish. Our lead collection rate has jumped by over 1,000%.

joe lowe american bird conservancy

Joe Lowe

Director of Digital Communications, American Bird Conservancy

Through OptinMonster’s exit-intent popups, we have more than doubled our sales conversion rate. Best of all is the compound effect of using OptinMonster over a long period of time—more conversions mean more customers, which means more word of mouth.

mitch smith, managing director, shockbyte

Mitch Smith

Managing Director, Shockbyte.com