1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Full background image

Discussion in 'Styling and Customization Questions' started by Stimo, Oct 31, 2012.

  1. Stimo

    Stimo Active Member

  2. Stimo

    Stimo Active Member

    please?
     
  3. Stimo

    Stimo Active Member

    Is this not possible then?
     
  4. Jake Bunce

    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?
     
  5. Stimo

    Stimo Active Member

    Because i want the option to change it every so often to maybe a new released game?
     
  6. Zephyr

    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:

    [​IMG]
     
    Jake Bunce likes this.
  7. Stimo

    Stimo Active Member

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

    Zephyr Well-Known Member

    yex: Remove txt in red for content only :)

    #headerMover #headerProxy, #header, #content
    {
    background-color: transparent !important;
    }
     
    Jake Bunce likes this.
  9. Stimo

    Stimo Active Member

    thanks!
     
  10. Stimo

    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?
     
  11. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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.
     
  12. Stimo

    Stimo Active Member

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

    Jake Bunce XenForo Moderator Staff Member

  14. Quiver

    Quiver Active Member

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

    Quiver Active Member

    No matter, I've fixed it. :D
     
  16. Luis Arango

    Luis Arango Member

    how I don't know to fix
     
  17. Buga

    Buga New Member

    I'd like to know also
     
  18. Tracy Perry

    Tracy Perry Well-Known Member

    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
     
    Neal and bronnki like this.
  19. oO5 Dynasty

    oO5 Dynasty Active Member

    will it be responsive?
     
  20. Tracy Perry

    Tracy Perry Well-Known Member

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

Share This Page