Code by Day | Explore By Weekend

Customizing The Countdown Timers for the Divi Timer Pro Plugin by Pee Aye Creative

Home » Docs » Divi Timer Pro » Customizing The Countdown Timers

Documentation & Support

Customizing The Countdown Timers

Overview Video

Sections
/*sections - days, hours, minutes, seconds*/
.ditp_countdown_timer .section {
background-color: #fdcb2f;
}
Values
/*values - days, hours, minutes, seconds*/
.ditp_countdown_timer .section.values {
width: 120px;
height: 100px;
margin: 5px
}
Hide First Digit of the Days and Move Remaining Digits Over
/*hide the first digit in the Days sectionr*/
.et_pb_countdown_timer div.days.section.values p:first-of-type:first-letter {
visibility: hidden;
}

/*adjust the position of the number to the left*/
.et_pb_countdown_timer div.days.section.values p:first-child {
position: relative;
left: -15px;
}
Hide The Days Section
/*hide the days section*/
.ditp_countdown_timer div.days.section.values {
display: none;
}
Hide The Seconds Section
/*hide the seconds section*/
.ditp_countdown_timer div.seconds.section.values {
  display: none;
}
Hide Only The First Separator (Between Days and Hours)
/*hide only the first separator between days and hours*/
.ditp_countdown_timer div.sep.section.zero {
display: none;
}
Hide All Separators
/*hide all separators*/
.ditp_countdown_timer .sep {
display: none;
}
Position The Separators
/*position the separators*/
.ditp_countdown_timer .sep {
top: 16px;
}
Labels
/*add background around labels*/
.ditp_countdown_timer .section p.label {
  background: #000000;
  border-radius: 4px;
  padding: 2px 4px;
  margin-top: 10px;
}
Number Values
/*number values*/
.ditp_countdown_timer .section p.value {
  margin-top: -10px;
}

Last updated Jan 12, 2021 @ 7:22 pm

Get Support

Something not going well? We are happy to help!

All we ask is that you browse our documentation first before contacting us. We add anwers to every question we receive.

Is the question or issue related to WordPress?

If yes, please contact your hosting provider for help.

Is the question or issue related to Divi?

If yes, please be sure read the Divi documentation or contact Elegant Themes support.

Is the question or issue related to our product?

If you think the answer is yes, then please fill out the form and we will be happy to help get this resolved!

Pin It on Pinterest

0

Your Cart