"Making calendar larger" (#2077866) / TMS-Plugins

Comments

Karen started the conversation
July 11, 2019 at 6:01pm
Hello, I'd like to make the calendar and possible the font larger on pages such as this: https://eevolveself.com/book-your-smiling-eyes/
Can you please let me know how to do this?

2,572

Aleksandar replied

July 12, 2019 at 7:37am

Hello Karen.

Thank you for your purchase.

This all can be achieved with some CSS. You need to put this above the shortcode:

<style>
#amelia-step-booking0-calendar > p {
font-size: 30px !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;
}
</style>

This should increase the font, and the calendar itself.

Please try this, and let me know.

Best regards.

Kind Regards,

Aleksandar Vuković
[email protected]

Rate my support

You can try wpDataTables add-ons before purchasing on these sandbox sites:

Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables