background image, unwanted zoom

• 

  postkatrinastella · Member · May 23, 2013 at 8:20 pm

  • Copy link
  • Add topic to favorites

  My background image does not appear in its entirety, but as a close up. No matter what I do to edit shape beforehand, it always zooms in. I want the photo as is to be the background as is.

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

• 

  timethief · Member · May 23, 2013 at 8:23 pm

  • Copy link

  You have set both a color and an image. It’s a one or the other choice – not both. Go here > Appearance > background and remove the color if you want the image to display. Then click “save changes”.

• 

  timethief · Member · May 23, 2013 at 8:24 pm

  • Copy link

  P.S. This is not a CSS issue.

• 

  thesacredpath · Member · May 24, 2013 at 3:57 am

  • Copy link

  Are you wanting the image to be just behind the content on your site or are you wanting it to cover the entire background so that the turquoise color does not show?

• 

  postkatrinastella · Member · May 24, 2013 at 4:05 am

  • Copy link

  Thanks for helping! Where the photo is is fine. But the photo I want has an architectural feature in it that’s in the background with alot of blank space around it. I want the feature to look at a distance. But the photo that appears zooms in on the face. I want the whole photo. I’ve tried editing it vertically, horizontally, all manner of proportions. All the same, the architectural feature is up in your face and the background is out of the picture.
  I hope I’m making myself clear. If you have the picture in front of you, it’s a woman’s face at the top of a plaster arch.

• 

  thesacredpath · Member · May 24, 2013 at 4:10 am

  • Copy link

  Background images, unless you set specific advanced background properties, do not resize when a browser window is narrowed or widened, or when you view the site on a smaller screen.

  Can you add the other background back in and let me take a look at it for you to see if I can see what you are seeing? I’m not sure I completely understand.

• 

  postkatrinastella · Member · May 24, 2013 at 8:43 am

  • Copy link

  If I could add the other background in, I wouldn’t have a problem. Can you access my media library? If so, go into “Customize”, then BG photos, then look at the several I’ve uploaded. You’ll see several versions of the shot. If not, I can email it to you.
  I sure appreciate this.

• 

  thesacredpath · Member · May 24, 2013 at 5:26 pm

  • Copy link

  I’m just a volunteer so I can’t access your dashboard, but can you go into the media library and get the URL of the image you would most like to use and post that here? I can work with it online with your site using Firebug in Firefox.

• 

  postkatrinastella · Member · May 25, 2013 at 3:25 am

  • Copy link

  

  Let’s see if I did this right.
  Thanks for hanging in there!

• 

  thesacredpath · Member · May 26, 2013 at 1:00 am

  • Copy link

  I see you have activated that image, and I’m not seeing it resize. I’m seeing it move in relationship to the width of the browser window and it is anchored on top center, so the top center point on the image will always stay at the top center of the browser window.

  Can you explain what you mean by resizing? Do you want the image to remain fixed in relationship to the browser window and not reposition as the browser window is narrowed or widened? Right now it is also set to “scroll” with the content. Do you want the content to scroll but the background not scroll with it?

• 

  postkatrinastella · Member · May 26, 2013 at 3:00 am

  • Copy link

  fixed vs scroll has no bearing on the issue. I have a photograph. I want to see the whole photograph on my screen (not all at once, I realize I have to scroll to see the whole thing.) I want the width of the photo to be approximately the width of my blog screen. This is a photo where the lady in the plaster arch is just a tiny part. Most of the photo is blank wall. What I want is for my screen to maintain the same proportions, to keep the lady in the arch as a tiny part, and for the blank wall to take up most of my screen.
  You with me?
  Now, the screen that IS on my blog shows the lady in the arch being almost the full height of the screen and very little of the blank wall shown on the screen that I want is off the screen. The blog zooms in on a detail of the original photo and blows that detail up to fit the whole screen.

• 

  designsimply · Member · Jun 7, 2013 at 4:35 pm

  • Copy link

  I want the width of the photo to be approximately the width of my blog screen.

  Keep in mind different visitors will have different display sizes. You can pick a large size if you’d like, and that will cover most of the screen but the image will still repeat for any visitors with a very large screen.

  The blog zooms in on a detail of the original photo and blows that detail up to fit the whole screen.

  Actually, I think the photo itself is quite large and the browser is displaying it at its original 100% size. Any graphics program you’re using to view the photo is shrinking it so you can see the entire image.

  For example, the original size of the image you linked earlier is 1853 × 2555 pixels:
  http://postkatrinastella.files.wordpress.com/2013/05/adscn26661.jpg

  You can actually modify the background size for the image using some custom CSS like this:

  body.custom-background {
  	background-repeat: repeat;
  	background-size: 10%;
  }

  I set the size pretty small at 10% so you can see what’s happening. You can adjust the percentage as needed.

  Note that saving custom CSS for this is just one way to do it and also does require purchasing the Custom Design upgrade from WordPress.com (that upgrade lets you save and apply custom CSS). However, you can get the same effect by simply resizing the background image before you upload it in Appearance -> Customize -> BG Image.