# Page background color CSS

**URL:** <https://forums.knack.com/t/page-background-color-css/12378>\
**Category:** Show & Tell\
**Created:** [April 11, 2022, 11:32pm UTC](https://forums.knack.com/t/page-background-color-css/12378 "2022-04-11T23:32:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dan](https://avatars.discourse-cdn.com/v4/letter/d/eada6e/32.png) [@Dan](https://forums.knack.com/u/Dan)\
**Post date:** [April 11, 2022, 11:32pm UTC](https://forums.knack.com/t/page-background-color-css/12378/1 "2022-04-11T23:32:27Z")

</div>

How do I make that padded area the same grey color? This is using custom CSS that target

 ![Screen Shot 2022-04-11 at 4.31.37 PM](https://us1.discourse-cdn.com/flex020/uploads/knack/original/2X/2/2d4cda2d4be7cfab543938c9e2175a25be085de9.jpeg)  
ed the scene background color.

---

<div class="post-metadata">

**Author:** ![piracalamina](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/piracalamina/32/2525_2.png) [@piracalamina](https://forums.knack.com/u/piracalamina)\
**Post date:** [April 12, 2022, 1:49pm UTC](https://forums.knack.com/t/page-background-color-css/12378/2 "2022-04-12T13:49:51Z")

</div>

In the builder go to / setting / Apy & Code / CSS  
In the field that allows you to add css yo have to write this

```auto
.kn-scenes.kn-section {
  background-color: #bebebe;
}

```

But replace `#bebebe` with the exact grey that you want to achieve. However, I don’t think that you can have different colors in different pages. If you need that, maybe you’d have to use JS.