Home Admin

Embed Snippet on Your Site

<script src="https://library.wpcode.com/embedjs/do1wvrr5.js/"></script>

CSS for Countdown Timer text

Translate the text ‘Days’, ‘Hours’, ‘Minutes’, and ‘Seconds’ into another language.

OptinMonster Team PRO

<10

Code Preview

Comments

css


	`html div#om-{{id}} .{{ns}}-CountdownElement--wrapper .{{ns}}-days .unit-days,`
	`html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-hours .unit-hours,`
	`html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-minutes .unit-minutes,`
	`html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-seconds .unit-seconds {`
	`display: none;`
	`}`

	`html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-days:after {`
	`content:'DAYS';`
	`display: block;`
	`font-size: 13px;`
	`}`

	`html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-hours:after {`
	`content:'HOURS';`
	`display: block;`
	`font-size: 13px;`
	`}`

	`html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-minutes:after {`
	`content:'MINUTES';`
	`display: block;`
	`font-size: 13px;`
	`}`

	`html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-seconds:after {`
	`content:'SECONDS';`
	`display: block;`
	`font-size: 13px;`
	`}`

html div#om-{{id}} .{{ns}}-CountdownElement--wrapper .{{ns}}-days .unit-days,
html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-hours .unit-hours,
html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-minutes .unit-minutes,
html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-seconds .unit-seconds {
 	display: none;
}

html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-days:after {
    content:'DAYS';
    display: block;
    font-size: 13px;
}

html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-hours:after  {
    content:'HOURS';
    display: block;
    font-size: 13px;
}

html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-minutes:after   {
    content:'MINUTES';
    display: block;
    font-size: 13px;
}

html div#om-{{id}} .{{ns}}-CountdownElement--wrapper div.{{ns}}-seconds:after  {
    content:'SECONDS';
    display: block;
    font-size: 13px;
}

Other Snippets by Author

Webhook smart tags

{ "smart_tags": { "region": "Gujarat", "state": "Gujarat", "province": "Gujarat", "territory": "Gujarat", "region_code": "GJ", "country": "India", "country_code":…

Preview Use Snippet

OptinMonster Team PRO

<10

Untitled Snippet

document.addEventListener('om.Campaign.load', function(event) { console.log(event.detail); } );

Preview Use Snippet

OptinMonster Team PRO

<10

specific-element-custom-font.css

div#om-{{id}} .my-headline * { font-family: "Proxima Nova", Helvetica, "Helvetica Neue", Arial, sans-serif !important; }

Preview Use Snippet

OptinMonster Team PRO

<10

om-available.js

document.addEventListener('om.Campaign.load', function(event) { console.log(event.detail); } );

Preview Use Snippet

OptinMonster Team PRO

<10

slide-left-center.css

html div#om-{{id}} { left: 0 !important; height: 540px !important; top: calc(540px / 2) !important; bottom: calc(540px…

Preview Use Snippet

OptinMonster Team PRO

<10

slide-right-center.css

html div#om-{{id}} { margin-right: -20px !important; height: 540px !important; top: calc(540px / 2) !important; bottom: calc(540px…

Preview Use Snippet

OptinMonster Team PRO

<10

Embed Snippet on Your Site

CSS for Countdown Timer text

Comments

Add a Comment Cancel Reply