small image takes up full width of template real photography

I am having the same problem www.peterlittle.com > peter. The uploaded image is small and inserted as a thumbnail. I looks perfect on the dashboard but when I view the page the image takes the full width of the template and is very blurry. Any help appreciated.

 

Hello,

Go to the style.css file present in the theme directory and replace the code given below

Code:

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

in place of code

Code:

.page-content img {
width: 100%;
height: auto;
}

See the image for reference.


This will solve your issue.

 

Not quite what I meant. Have a look at http://peterlittle.com/?page_id=191. The portrait is meant to be sitting to the right side of the text as a small image. It looks fine in edit mode but when I publish the page the image always takes up the full width of the template ( and so looks blurry). It doesn't matter what size image I upload.

Liz

 

Hello,

Solution provided above is working fine, Please follow the instruction given above, This will solve your issue.

 

I've done as you suggested but the image still takes up the full with of the page. I want it to be small.


Thank you

 

Hello,

We have checked your website and there is no problem with the images, Please check your website again after clearing cache and also check your site at any other browser.
If you still having the problem then send us the screenshot.

 

Many thanks, issue appears resolved.

Regards
Liz