# Change calendar background

**URL:** <https://forums.knack.com/t/change-calendar-background/15294>\
**Category:** Get Answers\
**Created:** [December 5, 2023, 7:40pm UTC](https://forums.knack.com/t/change-calendar-background/15294 "2023-12-05T19:40:37Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![KimDion38026](https://avatars.discourse-cdn.com/v4/letter/k/9f8e36/32.png) [@KimDion38026](https://forums.knack.com/u/KimDion38026)\
**Post date:** [December 5, 2023, 7:40pm UTC](https://forums.knack.com/t/change-calendar-background/15294/1 "2023-12-05T19:40:37Z")

</div>

Hi there! I am currently using the following code to change the background of my pages

```auto
/Tables, Charts/
.kn-table th { background-color: #2b2b2b ; font-weight: 600; }
.kn-table th, .kn-table td { border: 0; border-bottom: 1px solid #F5F5F5; }
.kn-table-wrapper { background-color: #FFFFFF ; }
.kn-table-container {border-color: #FFFFFF; border-radius:10px;}
.kn-table-wrapper { border: 1px solid white; padding:5px; border-radius:10px;
box-shadow: 2px 5px 7px rgba(163,163,163,0.33); }
.highcharts-container {border-radius:10px;}

/*background color on pages*/
.kn-scene {
    background: #eaeaea !important;
    border: 10px solid #eaeaea !important;
    border-radius: 7px !important;
}

```

however, I would like my actual calendar to have a white background itself. Does anyone know how to accomplish this?