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

XF 1.3 Fixed Background

Discussion in 'Styling and Customization Questions' started by Crimson, Jun 17, 2014.

  1. Crimson

    Crimson Member

    How do you set a fixed background that even when you zoom out, the background stays as is?
     
  2. BassMan

    BassMan Well-Known Member

    Add in EXTRA.css:
    Code:
    /* START - Background image on forum */
    @media (min-width: 1025px) {
    html {
      background: url(/@imagePath/xenforo/background/your_image.png) !important;
      background-attachment: fixed !important;
      background-size: cover !important;
    }
    }
    
    @media (max-width: 1025px) {
    #header {
      background-color: @primaryDarker !important;
    }
    }
    /* END - Background image on forum */
    Upload your image to right folder in server and update above code to your image name.

    I wanted not to show background image on my mobile, that's why there's a part of code for responsive. You can remove this if you want.

    Then go to Style Properties -> General -> Body and Clear value for background colour.
     
    Neal likes this.

Share This Page