• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 Background Image


Active member
Trying to have a background image which covers the entire screen.

Tried this in Styles Properties - General - HTML

#content {
background: url("/styles/drift/drift/brownbkgd.jpg") no-repeat;
background-color: transparent !important;
height: 100%;
width: 100%;
And it rendered in the upper left corner and that's it. Is it better to use EXTRA.CSS instead?



Active member
See my screenshot from post #2. Use Repeat not no-repeat. Upload image you want to appropriate place. No EXTRA.CSS code needed.

For the record, after all the figuring out I took down that theme.

Tracy Perry

Well-known member
Most likely it will depend on whether you are using a static image for the background (just one photo to cover the entire page) or if you are using tiled images. If tiled, the size is not really important - but smaller is better.