Full background image

[Stimo]

How do i make it so the whole of the dark grey background can be changed to one large image?

picture: http://gyazo.com/6f0e9f25af21c323c979dc6ba2e7833e

 

[Stimo]

please?

 

[Stimo]

Is this not possible then?

 

[Jake Bunce]

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]

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?

 

[Deleted member 10469]

Hello, try

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

in your extra.css template.

Result:

 

[Stimo]

Is there no way to place it so i keep my original header there?

 

[Deleted member 10469]

yex: Remove txt in red for content only

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

 

[Stimo]

thanks!

 

[Stimo]

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?

 

[Jake Bunce]

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?

Background images repeat by default. You can change it with CSS.

http://www.w3schools.com/cssref/pr_background-repeat.asp

If you need additional help then please post the link showing the problem.

 

[Stimo]

Background images repeat by default. You can change it with CSS.

http://www.w3schools.com/cssref/pr_background-repeat.asp

If you need additional help then please post the link showing the problem.

Thanks for the response, do you know the width an image should be to fit the full size of the site?

 

[Jake Bunce]

Thanks for the response, do you know the width an image should be to fit the full size of the site?

What is the width of your site? You can set a fixed width for your site, or use CSS to scale the image.

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

Discussion and specific instructions here:

http://xenforo.com/community/threads/wallpaper-size.22055/

 

[Quiver]

Hello, try

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

in your extra.css template.

Result:

I tried this, but am getting this: https://www.rathosting.com/forums/
I want the background image to cover the entire page. Please advise?

 

[Quiver]

No matter, I've fixed it.

 

[Luis Arango]

No matter, I've fixed it.

how I don't know to fix

 

[Buga]

I'd like to know also

 

[TPerry]

I'd like to know also

Are you referring to where it does something like this?


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).

 

[oO5 Dynasty]

Are you referring to where it does something like this?
View attachment 77965

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).
View attachment 77966

will it be responsive?

 

[TPerry]

will it be responsive?

as much as can be expected.... you can see (on your cell phone) at survivalist.zone (site is still a work in progress).