Fixed date for countdown element

Preview demo

Guide:

  • Add CSS to CSS Customizer
  • Change the countdown's end date value to a future date. (example 1/1/2050)


Code CSS:

This content has been hidden.

Please Donate or Complete Survey (advertisement) to unlock free.

.brz-countdown2__item.brz-countdown2__days {
  overflow: hidden;
  position: relative;
}
.brz-countdown2__item.brz-countdown2__days::before {
  content: "";
  position: absolute;
  bottom: calc(50% - 7px);
  width: 100%;
  height: 50%;
  background: inherit;
}
.brz-countdown2__days .brz-countdown2__number {
  margin: 0 -20px!important;
}
.brz-countdown2__days .brz-countdown2__number::before {
  content: "01";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.brz-countdown2__days .brz-countdown2__label {
  z-index: 1;
}

How to use it

Download file demo.zip, upload to Brizy. Done (Then you can see the css code from here)

  1. Click download demo.zip
  2. To import, go to a page >> click on "add a new block" >> select "saved" tab >> click on "import new block" >> Upload your zip file >> Completed.
  3. Customize to your fancy. Watch the video tutorial here

*Note: License Pro is required for the functions to work

Key word: