WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Working on first responsive website template; layout is part fluid, with fixed sidebars, using media queries. I want to have some of my images be scalable. Per this article http://www.blissfulinterfaces.com/making-wordpress-images-responsive/ it should be very simple, at least for manually loaded images. Add this to stylesheet:

img{max-width: 100%;}
img{ -ms-interpolation-mode: bicubic; }

and manually remove width and heights that wp automatically adds. Have done both and not a thing happens.

See images in the main areas (not sidebars) on these 2 pages: and

I haven't added code to functions for thumbnails yet -- wanted to get the basics working first.

What am I missing?


share|improve this question

closed as off topic by Wyck, toscho Apr 29 '12 at 15:05

Questions on WordPress Development Stack Exchange are expected to relate to WordPress within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

That's a pure CSS question, isn't it? – toscho Apr 28 '12 at 22:16
up vote 0 down vote accepted

Nothing appears to happen because the size of the images is smaller than the available width. If I add a bunch of padding to the container in Chrome and then resize the window, the image scales once all horizontal width is consumed.

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.