Background color showing above header and below footer

When I scroll down on the page "program" there is a white bar showing above the header, also the same under the footer. Sometimes when the page loads a bit slow, this background color shows... any way to remove this?

on the page https://www.finnskogutstillingen.no/billetter-tickets a green color shows as you can see. Both under the footer and above the header.

Both pages are fine. Did you solve?

@tuanphan nope, still same issue here. Both on Safari and Chrome.

On mobile too.

Try adding this to Custom CSS

body {
	background-color: white !important;
}

That worked on the pages with white backround.

For this page https://www.finnskogutstillingen.no/frivillige I added this code in the advanced settings:
 

body {
  background-color: #FEDCF9 !important;
}

and it works there as well.

But for some reason not on https://www.finnskogutstillingen.no/program which still has a white "gap"... 

Try this code

<style>
  body {
  	background-color: #fedcf9 !important;
  }
</style>

Thats the same code as I had before. Doesn't work.

Hi! Chiming in here to say I'm having the same issue. I've tried the following code and it only seems to work on one page of my site.

This code is applied to CSS and I have the variable properly defined.

body {
  background-color: @dark-green !important;
}

The following I inserted to a page header and had no luck at all. 
 

<style>
body {
  background-color: #003838 !important;
}
</style>

My colleagues and I have noticed this happening consistently. Eager to get to the bottom of things! 

@tuanphan I was having the same issue and this worked perfectly for me, thanks!

body {
	background-color: white !important;
}