• 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

Bob_R

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

Tried this in Styles Properties - General - HTML

Code:
#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?

Thanks!
 

Bob_R

Active member
#5
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
#7
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.