featured image size inside post is different for different post

Not sure if this is what you are looking for, but you could try adding this to your CSS

article {
       width: 900px;
       margin: auto;
}

This will set your main post width to the same as your picture size and then the “margin: auto” will center it for you.

thanks for your suggestion. But I want to increase the photo size that should match the main post size. any more thought.

You could use this CSS:

.entry-thumb img { width: 1170px; }

But in my opinion, it would be better to actually use an image that is already that wide (or very close to it) instead of one which is only 900px wide.

Yes, what girlieworks said… the reason I suggested what I did was because your photos are a specific size already.

I agree with both of you. I tried using higher resolution pics (1900×550)px. but the image crop at 900×300 px.
moreover in CSS .entry-thumb img { width: 1170px; } is available.

Please suggest how can I change the crop factor from 900×300 to higher.

girlieworks: on the source code of my page why its showing the image size is 900×300, whereas i am using a image of resolution 1280×736?

one more thing, in a separate post https://www.northeastbirdingtours.com/7-days-at-mishmi-hills/ same resolution pic is used but there is no crop and not showing any side of the pic as well.

Please help me. I m confused !!!!

Post-1:
my page source codes:
<header class=”entry-header”>
<div class=”entry-thumb”>
<img src=”https://www.northeastbirdingtours.com/wp-content/uploads/2016/06/Tours_BW-900×300.jpg&#8221; alt=”Custom Tour”>
</div>

Post-2:
<header class=”entry-header”>
<div class=”entry-thumb”>
<img src=”https://www.northeastbirdingtours.com/wp-content/uploads/2016/05/IMG-20160528-WA0003.jpg&#8221; alt=”7 days at Mishmi Hills”>
</div>

When you are about to insert the photo into the post there is an option to set the size of the attachment… that is probably automatically cropping your photo. Try going to your dashboard>settings>media and there you will find default max sizes for your large, medium and thumbnail photos. Is one of these set to 900 x 300? My guess is your medium is set to that and when you enter the photo into the post it is automatically set to medium. Try entering one into a post and selecting large and see if that works, or you can change the settings>media file sizes to have a larger maximum.

hi mattcrossette,

I have checked the setting>media.
settings are,
Thumbnail size: Width- 150, Height – 150
##Crop thumbnail to exact dimensions (normally thumbnails are proportional)
Medium size: Max Width-300, Max Height-300
Large size: Max Width-1024, Max Height -1024

there is no setting as you said. any more idea.

By the looks of your links you’ve got it fixed! What did you find out was the problem?

Till now not fully resolved.
Problem is still there.
I only stretched the PIC to cover the entire area.

If any one has any solution please update.

You have not stretched the image, but only made it bigger. It has maintained it’s aspect ratio so this should be exactly what you wanted… as far as how a browser renders it to the end user. The image is not distorted at all. If you take a 900×300 image and if you make the width 1170 and maintain the aspect ration the height becomes 390 which is exactly what you have right now. It looks like the resolution in the picture (at least on my screen) is good enough that it can be enlarged like this without any noticeable pixelation. Why it is originally cropping at 900×300 when you upload it I don’t know. Are you using any media plugin to upload these that could be automatically cropping them?