Hi, I would like to change the font weight and size in the booking calendar. It is very hard to read. Contrast is important! Especially for accessibility.
In particular, the available days MUST stand out clearly. Default settings do not cut it.
I have tried targeting the type in the calendar with CSSHero but still cannot make it brighter and bolder. Can you please assist! I want the font weight for available dates to be VERY clear - maximum font weight - 900 or similar.
Hi, I would like to change the font weight and size in the booking calendar. It is very hard to read. Contrast is important! Especially for accessibility.
In particular, the available days MUST stand out clearly. Default settings do not cut it.
I have tried targeting the type in the calendar with CSSHero but still cannot make it brighter and bolder. Can you please assist! I want the font weight for available dates to be VERY clear - maximum font weight - 900 or similar.
Thanks.
Hello Stefan,
This can be done with adding custom CSS, only.
Please try adding this CSS:
For the font-size of the dates
.c-day-content {font-size: 15px !important;}I provided 15px as an example you can change it to whatever size you want.
or try this one for the font weight:
#am-calendar-picker > div > div.c-day-content-wrapper > div > div {font-weight: bold !important;}I set it to bold, you can change it as well.
And let me know if it helps