CSS: Hide day number in calendar templates

Is there any way to turn off the day numbers in an Advent calendar template? Yes, and we have prepared a pre-built CSS snippet that will do it for you. Let's jump right in!

Calendar templates are extremely useful. You may use them and adapt them as you see fit. On some occasions, you might want to hide the default day numbers in the calendar view:

  • either they are not needed for the particular calendar
  • or you want to replace them with your own number styling.

Hide day numbers with CSS

Copy the below code and add it to Look & Feel > Change campaign look and feel > Custom code > CSS tab.

#calavent div span {
display: none;
}

Add your own style!

In addition to hiding the day numbers, you can also upload your own numbered door design in the Calendar step:

Schermafbeelding_2022-11-23_om_16.54.39.png

Save the changes and enjoy your customised calendar!

Was this article helpful?

Can’t find the answer you need?

Send us a question and connect with an expert to get personal assistance.

Contact support

Vous ne trouvez pas les réponses que vous cherchez ?

Nous sommes là pour vous aider. Envoyez-nous une demande en direct !

Contacter le support
helpcenter experts