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