XF 1.4 Background Image

Bob_R

Active member
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!
 
OK, I'm getting closer. Just doesn't go all the way down the page. See screenshot to see what I did. Can someone help me finish it off?

TY.
 

Attachments

  • Screen shot 2014-09-13 at 3.05.41 PM.webp
    Screen shot 2014-09-13 at 3.05.41 PM.webp
    34.3 KB · Views: 46
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.
 
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.
 
Top Bottom