# Calendar help

**URL:** https://forums.knack.com/t/calendar-help/14520
**Category:** Knacksters' Idea Lab
**Created:** [June 27, 2023, 6:59pm UTC](https://forums.knack.com/t/calendar-help/14520 "2023-06-27T18:59:01Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![JimOliver91732](https://avatars.discourse-cdn.com/v4/letter/j/ce73a5/32.png) [@JimOliver91732](https://forums.knack.com/u/JimOliver91732)
#### Post date: [June 27, 2023, 6:59pm UTC](https://forums.knack.com/t/calendar-help/14520/1 "2023-06-27T18:59:01Z")

</div>

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

---

<div class="post-metadata">

### Author: ![PeterG](https://avatars.discourse-cdn.com/v4/letter/p/977dab/32.png) [@PeterG](https://forums.knack.com/u/PeterG)
#### Post date: [June 30, 2023, 3:48pm UTC](https://forums.knack.com/t/calendar-help/14520/2 "2023-06-30T15:48:23Z")

</div>

Agreed. They are too small. Small and bland.

---

<div class="post-metadata">

### Author: ![DeanBozzan62116](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@DeanBozzan62116](https://forums.knack.com/u/DeanBozzan62116)
#### Post date: [June 30, 2023, 4:49pm UTC](https://forums.knack.com/t/calendar-help/14520/3 "2023-06-30T16:49:24Z")

</div>

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

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

---

<div class="post-metadata">

### Author: ![DeanBozzan62116](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@DeanBozzan62116](https://forums.knack.com/u/DeanBozzan62116)
#### Post date: [June 30, 2023, 5:01pm UTC](https://forums.knack.com/t/calendar-help/14520/4 "2023-06-30T17:01:08Z")

</div>

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;  
}

---

<div class="post-metadata">

### Author: ![DeanBozzan62116](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@DeanBozzan62116](https://forums.knack.com/u/DeanBozzan62116)
#### Post date: [June 30, 2023, 5:02pm UTC](https://forums.knack.com/t/calendar-help/14520/5 "2023-06-30T17:02:46Z")

</div>

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;  
}

---

<div class="post-metadata">

### Author: ![DeanBozzan62116](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@DeanBozzan62116](https://forums.knack.com/u/DeanBozzan62116)
#### Post date: [June 30, 2023, 5:04pm UTC](https://forums.knack.com/t/calendar-help/14520/6 "2023-06-30T17:04:16Z")

</div>

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

font-size: 20px;

---

<div class="post-metadata">

### Author: ![JimOliver91732](https://avatars.discourse-cdn.com/v4/letter/j/ce73a5/32.png) [@JimOliver91732](https://forums.knack.com/u/JimOliver91732)
#### Post date: [July 2, 2023, 8:57pm UTC](https://forums.knack.com/t/calendar-help/14520/7 "2023-07-02T20:57:26Z")

</div>

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

---

<div class="post-metadata">

### Author: ![JimOliver91732](https://avatars.discourse-cdn.com/v4/letter/j/ce73a5/32.png) [@JimOliver91732](https://forums.knack.com/u/JimOliver91732)
#### Post date: [July 6, 2023, 3:52pm UTC](https://forums.knack.com/t/calendar-help/14520/8 "2023-07-06T15:52:12Z")

</div>

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

Jim
