Background Image

• 

  claytonannis123 · Member · Jan 21, 2012 at 8:23 pm

  • Copy link
  • Add topic to favorites

  I have been trying to make the background image on my website fullscreen but it wont work. All i can do is make it tiled and repeat itself or one solid image. I wanna make the background image one solid image and I wanted it across the entire screen.

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

• 

  thesacredpath · Member · Jan 21, 2012 at 10:02 pm

  • Copy link

  This is difficult to do. There is an advanced CSS3 declaration that can be used, but the problem is that only a few browser versions recognize the command, and I’m not even sure the declaration works with wordpress.com right now. If it did work, it would require the custom design upgrade in order to accomplish it.

  Basically you have to create an image that is about 1500px wide and about 1000px tall and you have to seriously optimize it so that it is under 200k in file size otherwise it will seriously slow down you page loading times. Anyone using a browser with the window set larger than that will then see some area without background image. The way to minimize this is to choose a complimentary background color to use along with the image so there isn’t such a stark contrast where the image ends and the background color begins. When you insert the image, set it to NOT tile and also do a center top on the alignment.