We're Moving to a New Support Platform – Starting June 1st!

We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.

You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.

While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.

We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

Okay
  Public Ticket #2552031
Booking calendar font hard to read
Closed

Comments

  •  1
    Stefan Szo started the conversation

    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.

  • [deleted] replied

    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