# How to change the background color of the whole page?

**URL:** <https://forum.builder.io/t/how-to-change-the-background-color-of-the-whole-page/1457>\
**Category:** Visual Editor Help\
**Created:** [December 12, 2021, 6:35pm UTC](https://forum.builder.io/t/how-to-change-the-background-color-of-the-whole-page/1457 "2021-12-12T18:35:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fankochi](https://avatars.discourse-cdn.com/v4/letter/f/22d042/32.png) [@Fankochi](https://forum.builder.io/u/Fankochi)\
**Post date:** [December 12, 2021, 6:35pm UTC](https://forum.builder.io/t/how-to-change-the-background-color-of-the-whole-page/1457/1 "2021-12-12T18:35:11Z")

</div>

The question is simple, i wonder how can i change the white background of the whole page to whatever color i want

---

<div class="post-metadata">

**Author:** ![maddy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/maddy/32/11_2.png) [@maddy](https://forum.builder.io/u/maddy)\
**Post date:** [December 13, 2021, 4:51pm UTC](https://forum.builder.io/t/how-to-change-the-background-color-of-the-whole-page/1457/2 "2021-12-13T16:51:10Z")

</div>

Hi @Fankochi,

You can add a background color to the body of the page in the content CSS section in the data tab, e.g. `body { background-color: blue; }`. Another option that doesn’t require custom CSS would be to wrap your page content in a section block and give the section block a background color in the styles tab.

---

<div class="post-metadata">

**Author:** ![Fankochi](https://avatars.discourse-cdn.com/v4/letter/f/22d042/32.png) [@Fankochi](https://forum.builder.io/u/Fankochi)\
**Post date:** [December 28, 2021, 5:30pm UTC](https://forum.builder.io/t/how-to-change-the-background-color-of-the-whole-page/1457/3 "2021-12-28T17:30:30Z")

</div>

It works, Thank you !