Background Image Sizing

• 

  businessreferralsplus · Member · Jul 1, 2011 at 8:56 pm

  • Copy link
  • Add topic to favorites

  I have been working for hours trying to get my background image to show up correctly. The background image I designed is set to 2000px wide x 1100px high. My main content body is set to 900px wide. Yet when I insert the link into the body selector on my css, it leaves a ton of empty space on either side of the background and hides the cool part of the background behind the main body. I’m confused…if my main body is 900px, and the image is way bigger than that, why is there so much extra space rather than my background taking up the whole background?
  Link to site: http://www.businessreferralsplus.com

  body {
  background:#000000 url(‘http://i1083.photobucket.com/albums/j391/bhamm080109/brbackground3.jpg’) center repeat-y;
  color:#000000;
  font:62.5% Georgia, “Times New Roman”, Times, serif,;
  }

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

• 

  mmadfan · Member · Jul 1, 2011 at 9:46 pm

  • Copy link

  Hi! The blog you refer to does not appear to be a wordpress.COM site. If you are running wordpress.org software, you will need to go to http://wordpress.org/support.

  Here’s an article on the difference: http://support.wordpress.com/com-vs-org/

• 

  businessreferralsplus · Member · Jul 3, 2011 at 10:40 pm

  • Copy link

  Oops I typed the link wrong: http://businessreferralsplus.wordpress.com/

• 

  timethief · Member · Jul 3, 2011 at 11:03 pm

  • Copy link

  Hello there,
  I cannot help you with CSS editing but there is Staff support for the custom design upgrade. You will have to wait for them to help you as the support link is not available until at 12PM UTC on Monday 4th July.

  Contact

• 

  thesacredpath · Member · Jul 4, 2011 at 2:27 am

  • Copy link

  This background image you have is NOT 2000px wide. It is 1024px wide. Do not upload the background image to somewhere like photobucket. That will seriously mess with you and really slow down the loading of your site. If fact, do not upload any image that has to do with the theme and your customizations to anywhere but your wordpress media library.

  This is what is actually being sent from photobucket: http://i1083.photobucket.com/albums/j391/bhamm080109/brbackground3.jpg .

• 

  digiadvent · Member · Jul 15, 2011 at 6:53 pm

  • Copy link

  Please help!
  I have a theme Coraline. And I need to know the EXACT size of the background.
  It is very important!
  And more. Why in different browsers page of the site looks differently?
  I want the site looked like this – as on my monitor! What should I do?
  My site http://adhvaryu.wordpress.com/

• 

  timethief · Member · Jul 15, 2011 at 7:09 pm

  • Copy link

  @adhvaryu
  Theme Staff have not provided this information for us. You can use your browser, go to the front page of your blog, and click view source code and determine the background size required.

  All browsers display differently. Suffice to say if you and your visitors are running an outdated browser version then the display you see will not be the best display possible. All browser can be upgraded here http://browsehappy.com
  You can use this link to verify how your blog displays in all browsers http://browsershots.org