Hi, I have a CSS code for Discourse backgrounds. The problem is, when I scroll down, the image doesn’t scroll down - rather, a white background appears and covers the wallpaper… html, body { height: 100%; } // solid white background for content body:before { display: inline-block; …

I think you need to also set any wrapper elements inside of the body to min-height: 100%. I set section#main{min-height: 100%} to get this to work. [image] In case you aren’t already doing it, you can try these kinds of things inside of your browser’s web inspector. On Chrome, right click on a…

TRY THIS CODE // solid white background for content body:before { display: inline-block; width: 1125px; min-height: 100%; height: inherit; background-color: white; content: " "; position: fixed; left: 50%; right: 0; …

THANK YOU THANK YOU THANK YOU! You’re awesome, works perfectly!

What's wrong with this CSS?

Product Support

Qasem_h May 6, 2015, 8:31pm 5

Your welcome @Erik_Manger

Topic		Replies	Views
Is this CSS for background imagery good? Product Support	4	1638	October 11, 2015
iPhone not properly showing image area on site. Why? Development css	5	482	April 2, 2024
Scrolling does not work on some topics with CSS body height set to 100% Product Support	3	3238	August 22, 2016
Category background images do not scale good for mobile UX	7	1571	September 17, 2019
Why don't background codes work in full screen chat page? Development	5	533	June 4, 2024

What's wrong with this CSS?

Related topics