Add background image to forum landing page

meetdilip

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

psychobunny

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

trevor

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

meetdilip

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

meetdilip

@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

trevor

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