Using an untiled image as a background

• 

  ihurerblog · Member · May 3, 2013 at 2:04 pm

  • Copy link
  • Add topic to favorites

  Hi there

  Is it possible – within the Suburbia theme – to use an image as a background and ensure it fills a viewer’s screen/window without tiling the image? Currently on larger screens the image being used on this blog seems to run out as you scroll down, leaving a dark coloured background peeking out.

  Please note that I’m a CSS novice, so the simpler the explanation the better!

  The blog I need help with is: (visible only to logged in users)

• 

  positdesign · Member · May 3, 2013 at 5:23 pm

  • Copy link

  Yes you can!

  The magic css statement is background:no-repeat; —as in:

  body
{
background-image:url('img_name.jpg');
background-repeat:no-repeat;
}

• 

  positdesign · Member · May 3, 2013 at 5:24 pm

  • Copy link

  Apologies for formatting!

  It should look like:

  body {
  background-image:url(‘img_tree.png’);
  background-repeat:no-repeat;
  }