Photo Enlarge in Posts

[BennettGlobal]

Hello,

I am having a problem trying to figure out how to enlarge a photo within a post.  I have a photo of Robert Di Niro stored in my media library that's "1960 x 1278".  It's a great photo and high res.  When I add the photo into the post its reducing the size to "230 x 150".  I would like the photo to cover width of the post and remain in proportion.  My width would be 600.  The photo functions as the lead-in to the content below.  But, when I try to adjust the photo to a larger size by clicking on the image editor it becomes distorted.   When I go into the Text and change the code to reflect a larger size its still distorted.  I've played around with linking.  I've looked in my media library settings for options.  I'm stumped?  It seems to be automatically inserting as a thumbnail.

How do I fix the problem.  Here is a link to the page in question.  I've intentionally left it distorted.

http://www.entertainmentravel.com/2013/03/19/celebrity-restaurant-owners-bring-more-than-a-name/

Michael

 

 

[AnitaC]

I had a similar problem and it had to do with captions. Not sure if it's the same for you. But try this. Look for this in your Style.css

img {
    height: auto;
    max-width: 100%;
}

Put a forward slash (/) at the beginning of the height like so:

/   height: auto;

Then try to insert a picture.

---

Need help with customization or troubleshooting? Reach out to me.

[BennettGlobal]

Hi Anitac,

Here is the code I found in my CSS.  I added the slash in front of height and tried to post an image and it did not work.

/* Images
------------------------------------------------------------ */

img {
/height: auto;
max-width: 100%;
}

.avatar,
.entry-content img,
.featuredpage img,
.featuredpost img,
.post-image {
background-color: #fff;
border: 4px solid #eee;
padding: 1px;
}

.home-middle .featuredpost img {
margin: 0 0 10px;
}

.author-box .avatar {
background-color: #fff;
float: left;
height: 72px;
margin: 0 10px 0 0;
width: 72px;
}

.post-image {
margin: 0 10px 10px 0;
}

.comment-list li .avatar {
background-color: #fff;
float: left;
height: 30px;
margin: 0 5px 0 0;
width: 30px;
}

img.centered,
.aligncenter {
display: block;
margin: 0 auto 10px;
}

img.alignnone {
display: inline;
margin: 0 0 15px;
}

img.alignleft {
display: inline;
margin: 0 15px 10px 0;
}

img.alignright {
display: inline;
margin: 0 0 10px 15px;
}

.alignleft {
float: left;
margin: 0 15px 0 0;
}

.alignright {
float: right;
margin: 0 0 0 15px;
}

.wp-caption {
background-color: #f5f5f5;
padding: 10px;
text-align: center;
}

p.wp-caption-text {
font-size: 12px;
line-height: 16px;
padding: 5px 0;
}

.wp-smiley,
.wp-wink {
border: none;
float: none;
}

.gallery-caption {
}

[Author]

Posts