# Any way to change the background colour for the entire page?

**URL:** https://community.glideapps.com/t/any-way-to-change-the-background-colour-for-the-entire-page/68150
**Category:** Ask for Help
**Created:** [November 26, 2023, 8:31pm UTC](https://community.glideapps.com/t/any-way-to-change-the-background-colour-for-the-entire-page/68150 "2023-11-26T20:31:09Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![AdamMartin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adammartin/32/66650_2.png) [@AdamMartin](https://community.glideapps.com/u/AdamMartin)
#### Post date: [November 26, 2023, 8:31pm UTC](https://community.glideapps.com/t/any-way-to-change-the-background-colour-for-the-entire-page/68150/1 "2023-11-26T20:31:09Z")

</div>

As per my screenshot below… is there a way to set the background of the page to be the accent colour? I guess the answer will be to upgrade to get access to CSS. But, maybe I am missing something 🙂

 ![Screen Shot 2023-11-27 at 9.27.13 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/9/4924728d6ee4200019d48037f0754cd7d164b9ac.jpeg)

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [November 26, 2023, 8:56pm UTC](https://community.glideapps.com/t/any-way-to-change-the-background-colour-for-the-entire-page/68150/2 "2023-11-26T20:56:52Z")

</div>

You can use container components, and then set the background of the container to the accent color.

---

<div class="post-metadata">

### Author: ![AdamMartin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adammartin/32/66650_2.png) [@AdamMartin](https://community.glideapps.com/u/AdamMartin)
#### Post date: [November 26, 2023, 9:08pm UTC](https://community.glideapps.com/t/any-way-to-change-the-background-colour-for-the-entire-page/68150/3 "2023-11-26T21:08:00Z")

</div>

I did try that Jeff. But I could not see how I can force the container to take up the entire viewport.

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [November 26, 2023, 9:56pm UTC](https://community.glideapps.com/t/any-way-to-change-the-background-colour-for-the-entire-page/68150/4 "2023-11-26T21:56:58Z")

</div>

It’s not perfect but you can add a bunch of line components or rich text to add extra space.

---

<div class="post-metadata">

### Author: ![stomgb](https://avatars.discourse-cdn.com/v4/letter/s/87869e/32.png) [@stomgb](https://community.glideapps.com/u/stomgb)
#### Post date: [April 2, 2024, 10:22pm UTC](https://community.glideapps.com/t/any-way-to-change-the-background-colour-for-the-entire-page/68150/5 "2024-04-02T22:22:14Z")

</div>

A few months have passed since the last reply on this thread, so I figured I check in again.

I wanted to accomplish a similar thing using CSS - make the entire screen in a slide-in window have a uniform colour different than the app white background to distinguish it from the ‘main’ style.  
I couldn’t find a way to style a page, only widgets. I checked and the class name (`slide-in-content___StyledMDiv-sc-1qf0855-6 kJqxYS`) for the page is auto generated and isn’t stable (as per the Glide docs). And I couldn’t get a container to fill the entire page so I remain with two white stripes above and below the container.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/d/4df9b4e38db0382b96f70428a614ce9ae7952300.jpeg)

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [April 3, 2024, 12:47am UTC](https://community.glideapps.com/t/any-way-to-change-the-background-colour-for-the-entire-page/68150/6 "2024-04-03T00:47:56Z")

</div>

I don’t know much if that’s possible at all, but your class name can be targeted like div[class\*=“side-in-content\_\_\_StyledMDiv”]. That looks like the stable part of it.