Hi Colin,

We have already added a custom css in your site backend to make the image responsive.

/* adjust category description image responsive */

body #eb .eb-category-bio img {

	width: 100%;

}

I have attached a screenshot here for you to check also.

Your css additions made every image in our categories 100% width. Fixed the one image but messed up every other category. Please be careful with our site.
Colin

Hey Colin,

I'm really sorry. I didn't thought that adding the custom css will cause the smaller images will become larger like that. Now, I made some changes in the html code only for that particular image in that category. You can have a look in the screenshot attached. Please check and let me know if you are happy with the fix or anything else.

No worries

So I would need to do this for every category?

C

Hi Colin,

It is not necessary to specify the width in the html code for all the other categories unless you find the images crossing the content border https://take.ms/MHtKF like that image did last time.

Considering most or our categories will have the same format, then I have to add that to every one?
Shouldn't all images be responsive in EB?

Hey Colin,

I already discuss with Suganthi regarding this, I think you can try apply this following CSS and see how it goes.

/* adjust category description image responsive */

body #eb .eb-category-bio img {

	max-width: 100%;

}

Because what we suggested that CSS code will caused those small image become show full width in the category description area. But if you apply this above CSS, then it will only effect if those image resolution larger than the Easyblog container width, so the image will not overlapped over outside the container area.

Can you give it a try and see how it goes?