Question

I am using a feed aggregating website. Sometimes I get post such as this: http://food101.co.il/%D7%90%D7%95%D7%98%D7%95%D7%9C%D7%A0%D7%92%D7%99-%D7%A2%D7%95%D7%9C%D7%94-%D7%9C%D7%99%D7%A8%D7%95%D7%A9%D7%9C%D7%99%D7%9D/

Where the image is larger than the text-box of the post. Here is a screen shot:

Is there a way to make sure in the css of the site that this too-large-to-fit image will be re-sized in some way?

Thanks.

Answer 1

I definitely wouldn’t use max-width, and especially not width directly on the img selector. You then affect every image on your site.

Use something more specific like .entry-content img { max-width: 500px; }

That will target any image posted in a post or article.