# How to change color of background above header and below footer?

**URL:** <https://forums.realmacsoftware.com/t/how-to-change-color-of-background-above-header-and-below-footer/41550>\
**Category:** RapidWeaver Classic\
**Created:** [November 28, 2021, 7:36pm UTC](https://forums.realmacsoftware.com/t/how-to-change-color-of-background-above-header-and-below-footer/41550 "2021-11-28T19:36:30Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![RogueTrader](https://avatars.discourse-cdn.com/v4/letter/r/ee59a6/32.png) [@RogueTrader](https://forums.realmacsoftware.com/u/RogueTrader)\
**Post date:** [November 28, 2021, 7:36pm UTC](https://forums.realmacsoftware.com/t/how-to-change-color-of-background-above-header-and-below-footer/41550/1 "2021-11-28T19:36:30Z")

</div>

Hi Guys,

How do I change the white background color of the page above the header or  
below the footer?  
I don’t like the ugly white bars when over-scrolling up or down.

Thank You.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [November 28, 2021, 8:31pm UTC](https://forums.realmacsoftware.com/t/how-to-change-color-of-background-above-header-and-below-footer/41550/2 "2021-11-28T20:31:13Z")

</div>

Not sure what white bars you are talking about?

Perhaps a screenshot and a _URL_ to a page.

---

<div class="post-metadata">

**Author:** ![RogueTrader](https://avatars.discourse-cdn.com/v4/letter/r/ee59a6/32.png) [@RogueTrader](https://forums.realmacsoftware.com/u/RogueTrader)\
**Post date:** [November 28, 2021, 9:10pm UTC](https://forums.realmacsoftware.com/t/how-to-change-color-of-background-above-header-and-below-footer/41550/3 "2021-11-28T21:10:30Z")

</div>

Hi Teefers,

Sorry, I don’t have a published page, but I can show you examples.  
On [CNBC.com](http://CNBC.com), **[www.cnbc.com](http://www.cnbc.com)** when you overscroll with the trackpad, on the top or bottom of the page, the white background shows up.

Meanwhile, on this site, **[mattermost.com](http://mattermost.com)** … they have colored the window color the  
same as the background color, so the bottom of the page says blue when overscrolled,  
and even the top of the page is a blue window to match the body background color.

Here is a Video of what I’m seeing.  
[https://drive.google.com/file/d/1feQTfFFhsRLoMicHiYNSedEQE-TRLjlp/view?usp=sharing](https://drive.google.com/file/d/1feQTfFFhsRLoMicHiYNSedEQE-TRLjlp/view?usp=sharing)

Thank You.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [November 28, 2021, 9:26pm UTC](https://forums.realmacsoftware.com/t/how-to-change-color-of-background-above-header-and-below-footer/41550/4 "2021-11-28T21:26:33Z")

</div>

> [@RogueTrader](#):
>
> Sorry, I don’t have a published page

Without a published page, it would be problematic to give you some code that would work.

The bars are still there, just a different color.

You can change the background color that you see when you over-scroll. The element you would change would be the HTML body element.

Here is the tricky part of changing that without seeing the actual site you want to change it on. If the theme or framework you are using doesn’t set the background color for the content portion of the page, then changing the background color of the body would change that as well.

So for example, adding the following CSS to change the background color to blue:

```auto
body {
 background-color: blue;
}

```

That should change the “over scrolling” bars to blue. However, it is more than likely will change the background color on other parts of the page.

---

<div class="post-metadata">

**Author:** ![RogueTrader](https://avatars.discourse-cdn.com/v4/letter/r/ee59a6/32.png) [@RogueTrader](https://forums.realmacsoftware.com/u/RogueTrader)\
**Post date:** [November 28, 2021, 9:43pm UTC](https://forums.realmacsoftware.com/t/how-to-change-color-of-background-above-header-and-below-footer/41550/5 "2021-11-28T21:43:43Z")

</div>

Ok, Gotcha, Thank You for the explainer and your help, I appreciate it.

I thought it would have been an easy site setting somewhere - ‘frame or window color’  
I googled the issue, and found a bunch of different fixes that I didn’t understand.

So can you control the top over-scroll color independantly from the bottom over-scroll color, Top menu area is red while footer area is blue?

Thank You.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [December 29, 2021, 7:44am UTC](https://forums.realmacsoftware.com/t/how-to-change-color-of-background-above-header-and-below-footer/41550/6 "2021-12-29T07:44:24Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.