Calendar help

Several of my users feel that the left and right arrows (to the left of the today button) used to change months in a calendar view are too small, especially when used on a phone. Is there a way thru CSS to make the buttons larger or is there a better way to accomplish the same thing. I have searched but do not find reference to what I need. Thank you for your time in reading.

Jim

Agreed. They are too small. Small and bland.

I agree too small - Try this, add it to your Settings CSS

.kn-content .fc-header .fc-button {
font-size: x-large;
}

If you want to isolate just the arrow buttons and not the whole line of buttons then try this:

span.fc-button.fc-button-prev.fc-state-default.fc-corner-left, span.fc-button.fc-button-next.fc-state-default.fc-corner-right {
font-size: x-large;
}

Here is the CSS for the Today button next to the arrows:

span.fc-button.fc-button-today.fc-state-default.fc-corner-left.fc-corner-right.fc-state-disabled {
font-size: x-large;
}

You can also change any of the font sizes into an exact px

font-size: 20px;

Dean, not in the office but will try upon my return. Thank you for the kind reply and ideas!

1 Like

It worked perfectly - I cannot thank you enough for your skill and kindness!

Jim

1 Like