Full background image

Jake Bunce

XenForo moderator
Staff member
I don't understand. It appears to be a background pattern right now (that repeats). You want to change this into a larger image? Why?
 

Stimo

Active member
I don't understand. It appears to be a background pattern right now (that repeats). You want to change this into a larger image? Why?
Because i want the option to change it every so often to maybe a new released game?
 

Zephyr

Well-known member
Hello, try

Code:
#headerMover
{
    background-image: url("your-path-or-url-image") !important;
}
#headerMover #headerProxy, #header, #content
{
    background-color: transparent !important;
}
in your extra.css template.

Result:

 

Zephyr

Well-known member
yex: Remove txt in red for content only :)

#headerMover #headerProxy, #header, #content
{
background-color: transparent !important;
}
 

Stimo

Active member
Hi sorry to bump this but i tried adding my own image but when i do it becomes tiled although the image is around 1871 in width, why would this happen?
 

Tracy Perry

Well-known member
I'd like to know also
Are you referring to where it does something like this?
Screen Shot 2014-07-15 at 11.48.26 PM.png

If so, in your ACP -> Style Properties -> General -> Body
define the background image and to keep it constrained on one page (with no scrolling) use the appropriate background-size: parameter (I use cover).
Screen Shot 2014-07-15 at 11.51.33 PM.png
 
Top