Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

change size of photo at top of blog entry WordPress


I’m trying to reduce the size of the photo that lands at the top of the page for the blog post. Autofocus takes my last image posted as you know and puts it at the top of the post. This image at the top of the post is HUGE (for a recipe blog). I would like to reduce it so that it’s about 25% larger than the image that generates it (last image inputted into post) which is at the bottom of the post.

Here is a link to one of my pages:

Answers (3)


Pippin Williamson answers:

Add this to your style.css:

.full-photo img {
max-width: 500px;
max-height: 500px;

Then adjust the 500px's until you're satisfied.

melissamcmahon comments:

that changes the aspect ratio of any photos that are not totally square. Is there a way to reduce it by a percentage?

Pippin Williamson comments:

You can change the 500px to 50% (or any other percentage).

And in regard to @Maor Barazany, he's right about the IE 7 support. So you could use:

.full-photo img {
width: 50%;
height: 50%;

Which will work in IE7 and also keep the aspect ratio.


Gabriel Reguly answers:

Hi Melissa,

Have you tried to upload a smaller image?

Gabriel Reguly


Maor Barazany answers:

Try to go to your admin panel and change there the size of the <strong>large image</strong> in the <strong>media menu</strong>, from 600x640 to something else.
Then you will have to re-upload the image, to let it slice the original size again to the new size you will specify.

If it is not helping, paste here the code of your single.php and raise the budget of the question.


Maor Barazany comments:

Regarding @Pippin Williamson - max height and max-width are not supported in IE7.
If you want to support IE7 users you will have to fix this too.

melissamcmahon comments:

I'll try this now.