Images Not Responsive On Metro Pro

[Rednasil]

I have a little problem with the responsiveness of my images (e.g. listarama.com
All images on the homepage seem to adapt to smaller screen sizes, but the images in the post itself won't adapt to a smaler screen.

Anyone an idea how to resolve this?

[Tony @ AlphaBlossom]

Hi,

You have an inline width on the parent container for these images:

<div style="width: 750px;" class="item-content">

If that's hardcoded, you should remove it and use css to control your width. It's possible that it's added with js also...if so, you have to find out what's adding it (plugin?).

That should get you going in the right direction. Check it out and if you get stuck let us know.

Have a great night,
Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Rednasil]

Thanks Tony, I realized that I had that piece of code added to my functions.
But I changed the width from 750px to auto (don't know if that's good), but now the pictures are resized correctly on a smaller screen.

[Tony @ AlphaBlossom]

Great, glad I could help. Actually, I prefer to not have it inline at all (unless there's a good reason, maybe a plugin, etc) and use css...but important thing is it's working 🙂

Have a great weekend!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Rednasil]

I have a good reason (I think). My post editor is customized to show boxes, so it's easier to set up a post. That's the reason.
But I will be looking for a better way to do this. Thanks for the tip.

[Author]

Posts