$10
distorted images

Blog: http://austinlivesoutdoors.com/blog/
The featured image on the internal posts are messed up. Instead of stretching, the images are now condensing, thus distorting the image.
Please help!

Allie H | 08/19/10 at 10:01am | Edit

(4) Possible Answers Submitted...

Last edited:
08/19/10
4:32pm
Louis Gubitosi says:
remove width from

.single .post .full-photo img {
width:690px;
}
- 08/19/10 10:14am
  
  Allie H says:
  remove all of the text you have printed?
- 08/19/10 10:16am
  
  Louis Gubitosi says:
  on line 309 in style.css just remove the width so it says:
  
  .single .post .full-photo img {
  }
  
  you can even add margin:0 auto to center the image in the box...
  
  so change it to:
  
  .single .post .full-photo img {
  margin:0 auto;
  }
- 08/19/10 4:31pm
  
  Louis Gubitosi says:
  hey Allie, did that work out for you?
Last edited:
08/19/10
10:19am
Jarret Minkler says:
The correct solution is to scale the images you want to use to the proper size before you upload them or put them on the page (backend scaling). Scaling the images up or down decreases overall performance of your site. Since google ranks page load time as a ranking factor, this is very important. You also want to specify the width and height attributes that exactly match the image. Remove any CSS you have for the image that deals with width or height, and scale the images you want to use.

Previous versions of this answer: 08/19/10 at 10:19am
Last edited:
08/19/10
10:19am
Nilesh shiragave says:

Yes as Louis Gubitosi said remove width from

.single .post .full-photo img {
width:690px;
}
Last edited:
08/19/10
2:07pm
Lee Wheeler says:
Delete image. Go to insert image and select a file. Check either "flash" or "browser" uploader.

Underneath the image is an edit button - here you can change lots of things.

First I would try "browser" uploader this may give you better results.