Background Resize based on viewers resolution?

[Luciferia]

Does anyone know how to make it so that backgrounds resize based on what resolution the viewer is using?

I made a bunch of themes at 1920x1080, and then found out a lot of my members are using really small resolutions still. I would like a way to make the backgrounds fit, without having to resize the images myself and uploading entirely new themes.

 

[Jake Bunce]

Try this attribute:

background-size: cover;

This can be added to the Miscellaneous area of the property, such as the Body:

Admin CP -> Appearance -> Style Properties -> General -> Body

For reference:

http://www.w3schools.com/cssref/css3_pr_background-size.asp

 

[Luciferia]

Try this attribute:

background-size: cover;

This can be added to the Miscellaneous area of the property, such as the Body:

Admin CP -> Appearance -> Style Properties -> General -> Body

For reference:

http://www.w3schools.com/cssref/css3_pr_background-size.asp

For whatever reason, that didn't work.

 

[Jake Bunce]

Sorry try this one:

background-size: contain;

I just tested that with a large background image that exceeded my browser. Adding this property successfully shrunk the image to fit.

 

[Luciferia]

Sorry try this one:

background-size: contain;

I just tested that with a large background image that exceeded my browser. Adding this property successfully shrunk the image to fit.

Awesome, it worked! TYVM.