XF 1.1 How to make BG Scale with user resolution

[xIsabel38]

As the title says, I'm trying to get my XF BG to be like an auto width. I tried using Auto however and the image just isn't scaling on different sizes.

These are the settings I found that worked best so far but they aren't enough apparently, or I'm doing something way wrong.

 

[TPerry]

Does the CSS background-size: contain; not work?
You may want to try background-size: cover; also.

 

[xIsabel38]

Does the CSS background-size: contain; not work?
You may want to try background-size: cover; also.

I don't know CSS so hence why I asked here. I have no idea what anything you said really means, but regardless, I did try the background contain thing and I think that worked, so thank you.

 

[Steve F]

We use this with good success

http://srobbin.com/jquery-plugins/backstretch/

@Forsaken had suggested it for this very reason, also helps with loading the background after everything else.

 

[TPerry]

We use this with good success

http://srobbin.com/jquery-plugins/backstretch/

@Forsaken had suggested it for this very reason, also helps with loading the background after everything else.

Placed in the index.php? If so, doesn't it get overwritten upon each upgrade?

 

[Jeremy]

Placed in the index.php? If so, doesn't it get overwritten upon each upgrade?

Its a jQuery plugin, it's placed in the front end (so templates) and won't be replaced on upgrades.

 

[TPerry]

Its a jQuery plugin, it's placed in the front end (so templates) and won't be replaced on upgrades.

Would you add that into the PAGE_CONTAINER or create a new template for it and do an include in the PAGE_CONTAINER?

 

[Jeremy]

Add something like this into a template:

<xen:require js="/path/to/this.js" />

XenForo should handle the translation and placement of the code.