plain-css.css
html div#om-{{id}} * { /* Anything inside here will be applied to all elements within your OptinMonster campaign */ }Continue reading
Type: css
css-example.css
html div#om-{{id}} [class$=”-form”] { /* Your custom styles */ }Continue reading
css-namespace-footer.css
html div#om-{{id}} .{{ns}}-footer { /* Your custom styles */ }Continue reading
css-buttons.css
html div#om-{{id}} input[type=submit], html div#om-{{id}} button { background: #ff6600 !important; }Continue reading
iframe cover css
/* HTML link cover styles */ html div#om-{{id}} #iframeCover { display: block; height: 100%; width: 100%; position: absolute; } /* Sample styling for text instructions */ html div#om-{{id}} #formInstructions { text-align: center; font-weight: bold; }Continue reading
focus outline none
div#om-{{id}} *:focus { outline: none; }Continue reading
Success view
#om-{{id}}-success button.{{ns}}-CloseButton { /* Your Custom Styles */ }Continue reading
Optin View
#om-{{id}}-optin button.{{ns}}-CloseButton { /* Your Custom Styles */ }Continue reading
Yes/No view
#om-{{id}}-yesno button.{{ns}}-CloseButton { /* Your Custom Styles */ }Continue reading