Hi!

Is there a way to make the font in the calendar view for appointments bold? The text is very thin now and that makes it difficult to read.

I already tried changing the contrast, e.g. black background and white text, but that doesn't make it better the visibility.

What would be even better is to make it follow the default theme settings for base text?

Hi Marija, thanks for your reply. It does help somewhat but i guess the font weight should be way bigger than 300. I hope we can further customize this soon, in order to make it more readable for the customers.

HI Marija,

I tried this, but I think you are confusing HTML formatting with CSS formatting.

HTML works with code between <style> and </style>.

I need CSS, like this ticket: https://tmsplugins.ticksy.com//ticket/2230558/

I added this code to the CSS of my page at https://vaforadventure.com/ontdekgesprek/:

/*Amelia font in calendar */
#amelia-step-booking0-calendar > p {
font-size: 22px !important;
}
#am-calendar-picker > div.c-header > div.c-title-layout.align-center > div > div > div {
font-size: 20px !important;
}
#am-calendar-picker > div.c-weekdays {
font-size: 20px !important;
}
.amelia-app-booking #am-step-booking .am-select-date .am-calendar-picker div, .amelia-app-booking .am-step-booking-catalog .am-select-date .am-calendar-picker div {
font-size: 20px !important;
font-weight: 500 !important;
}
.amelia-app-booking #am-step-booking.am-mobile-collapsed.am-active-picker, .amelia-app-booking .am-step-booking-catalog.am-mobile-collapsed.am-active-picker {
min-height: 520px !important;
}
.amelia-app-booking #am-step-booking, .amelia-app-booking .am-step-booking-catalog {
min-width: 1000px !important;
}

It does enlarge the font of the dates, but the times are still very small and thin. See attached screenshot. The view on mobile is now unsuable. See second image in the next reply.

I see A LOT of questions in the public tickets that concern the same issue. Can I ask if there are any plans to 

This is the view on mobile now. 

Hi Maija, please see my other 2 replies from this morning. 45 and 42 minutes a go now.

Hi! What is the status about this too thin font in the calendar? It is nice that you can select different fonts now, but the font weight is still very thin. There simply is not enough contrast for easy reading.

I tried lots of css options, listed below but they did not do the trick or caused issues on mobile views.

I'm sure many other Amelia users have the same problem.

Hi Aleksandar,

I did upgrade to 5.0 and tried it out. Much better! The date and time picking is now much more obvious.

De desktop works perfectly, however on mobile there could be some improvements. On desktop, when you select a date, the form automatically scrolls down to the times where you can choose time. It also does on mobile, but the bar with the button to go further is in the way. Also, the colored column on the left is not visible on mobile, which is not necessary, but it would be better if the tabs on the top of the booking form had a bit more color/definition. I made a little video on my phone. If you turn your phone horizontally the whole wizard (including the colored bar) is shown, but that is not directly obvious to the user.

Hey Aleksandar, I see that on Android the times do become visible (and not behind the next line). If the labels on top had a background color on mobile, that would be enough.