Background color of webpage is different when scrolling down. | XM Community
Skip to main content

Hi all, I think my question my be too long or something but the background color of the page is switching from white to grey when you scroll down like this:
Screen Shot 2022-09-15 at 3.41.04 PM.pngI inspected the webpage and the html element has the attribute "background-color: #ccc" while the id #SurveyEngineBody has the attribute "background:#fff". So I know where they both are coming from but:

  1. I don't know why half the page is one vs the other.

  2. I don't know how to change the html background color to white. I tried putting "html { background-color: #fff; }" in the Custom CSS section of the Style section of Look and Feel but it didn't change anything.


Can anyone explain this to me please?

In the look and feel section play with layouts and the "Questions Container", some layouts treat it VERY differently than others.

Screen Shot 2022-09-15 at 4.02.38 PM.png

https://community.qualtrics.com/XMcommunity/discussion/comment/49592#Comment_49592Thanks for the tip, I messed around with layouts and question containers but I still have the same problem of having two different background colors when scrolling down.

https://community.qualtrics.com/XMcommunity/discussion/22314/background-color-of-webpage-is-different-when-scrolling-downIs there no other element other than html drawn on that grey section? It seems odd that changing the CSS rule for it wouldn't work. I assume you've tried:
html {
background-color: #fff !important;
}

Leave a Reply


Terms & Conditions