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

Background color of webpage is different when scrolling down.

  • September 15, 2022
  • 3 replies
  • 786 views
A
Forum|alt.badge.img+1

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?

3 replies

Radam
Level 4 ●●●●
Forum|alt.badge.img+33
  • Radam
  • Level 4 ●●●●
  • September 15, 2022

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

A
Forum|alt.badge.img+1
  • adstr_bepp
  • Author
  • September 16, 2022

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.

bgooldfed
Level 4 ●●●●
Forum|alt.badge.img+25
  • bgooldfed
  • Level 4 ●●●●
  • September 19, 2022

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;
}

Terms & ConditionsAccessibility statement