How to size text in Boostrap Calendar

[jimPC]

I have no idea as to change font sizes for the calendar so it fits on a small modal.
I have resized the font in styles:

On small screens looks great, however on large screens I get this??

Would appreciate some guidance…thanks

[Teodor]

Sorry, it’s not really clear what exactly are you trying to achieve and what is the issue?

[jimPC]

I’m trying to fit the calendar on a small modal, without oversized elements displaying incorrectly, as shown in image 2.

I have tried to resize the font (image 1) which resulted in the calendar correctly displayed on smaller screens but not larger screens.

[Teodor]

Changing the font size of the calendar to something like:

body .fc {
    font-size: 0.75em;
}

Results in :

and the calendar looks fine in a small modal.

[jimPC]

@Teodor

body .fc {
    font-size: 0.75em;
}

Great thanks Teodor