Add background image to forum landing page

  • GNU/Linux

    Can this be done with current set up ? I would like add a jpg/png image to it.

  • Admin

    You could add a background image via the custom CSS tab. Maybe upload an image to your server (or on imgur for example), and then paste something like

    body {
      background: url('//i.imgur.com/YibieyO.jpg');
    }
    

    lmao, try the above and see what happens XD

  • Plugin & Theme Dev Anime Lovers GNU/Linux

    @psychobunny said:

    You could add a background image via the custom CSS tab. Maybe upload an image to your server (or on imgur for example), and then paste something like

    body {
      background: url('//i.imgur.com/YibieyO.jpg');
    }
    

    lmao, try the above and see what happens XD

    You can alternatively do it this way (which is what I prefer);

    background-image: url('http://i.imgur.com/xUpBlph.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    

    Provided you have an image that is high quality as well.

  • GNU/Linux

    Does is slow down page loading ? It is already at 6 seconds.

  • GNU/Linux

    @psychobunny said:

    You could add a background image via the custom CSS tab. Maybe upload an image to your server (or on imgur for example), and then paste something like

    body {
      background: url('//i.imgur.com/YibieyO.jpg');
    }
    

    lmao, try the above and see what happens XD

    he he

  • Plugin & Theme Dev Anime Lovers GNU/Linux

    @meetdilip said:

    Does is slow down page loading ? It is already at 6 seconds.

    Hmm, 6 seconds isn't good nor is it bad. Where are you getting this number by the way?

    So yeah, it just depends really on what you're trying to accomplish. If you optimize delivery by compressing the image and using a CDN service (optional), you should be okay. Make sure the image isn't huge or more than 2000px in size. Remember the larger the image, the longer it takes for the end user to download.

Suggested Topics

  • 7
  • 16
  • 2
  • 3
  • 1
| |