How to change font of flatpickr | XM Community
Solved

How to change font of flatpickr

  • 22 May 2022
  • 1 reply
  • 700 views

Userlevel 1
Badge +5

I have added a flatpickr for a date question however the font of the months etc. is Times new Roman which doesn't match the rest of my survey. How can I change the font to match my survey?

icon

Best answer by bgooldfed 23 May 2022, 05:10

View original

1 reply

Userlevel 5
Badge +25

Hi cturtle,
You can add a CSS rule in Look & Feel -> Style -> Custom CSS:
.flatpickr-calendar {
font-family: Arial;     /*change to whatever font you want
}
Bonus: if you want more font options, you can use something like Google Fonts to add additional fonts into the header of your survey :)

Leave a Reply