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

XF 1.1 How to make BG Scale with user resolution

Discussion in 'Styling and Customization Questions' started by xIsabel38, Jul 18, 2013.

  1. xIsabel38

    xIsabel38 Well-Known Member

    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.

    [​IMG]
     
  2. Tracy Perry

    Tracy Perry Well-Known Member

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

    xIsabel38 Well-Known Member

    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.
     
    Tracy Perry likes this.
  4. Steve F

    Steve F Well-Known Member

  5. Tracy Perry

    Tracy Perry Well-Known Member

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

    Jeremy XenForo Moderator Staff Member

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

    Tracy Perry Well-Known Member

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

    Jeremy XenForo Moderator Staff Member

    Add something like this into a template:
    Code:
    <xen:require js="/path/to/this.js" />
    XenForo should handle the translation and placement of the code.
     
    Tracy Perry likes this.

Share This Page