image size in category view

Hello,

Noticed that the image resize dosn't works in other browsers, works fine just in Chrome!
Please see here:

Code: Select all

http://www.islamic-relief.se/converting/svenska/jupgrade/kampanjer

Thanks

Hi

Image size functionality was removed to maintain responsive functionality. You can bring it back by adding width to css using class like this:

Code: Select all

section img {
    width: 200px;
}


Thanks for your reply,
I added:

Code: Select all

   max-width: 601px !important;


Instead of "width" to avoid stretch small images!

Hi

Is it working?

You already have max-width: 100% which should stop resizing over image actual size.

Hi,

Yes, it's works fine, I replaced "max-width: 100%" with "max-width: 601px !important"
And now the images is presented as normal and max 601px.

Because if we add for example:

Code: Select all

section img {
    width: 200px;
}

The logo will be effected! and maybe other images in the sections pages.

Hi

To not affect logo You may use a more detailed selector as:

Code: Select all

section .itemIntroText img {
}


This way only article images will be affected.

Hi, Many thanks for your flow up.
But if I add fixed width, it will effect even small images, sometimes we have news to publish with lower image quality and small in size!

I think that "max-width: 601px !important" should limit just big images be bigger than 601px, not small images.
I need it just to limit the size of all old articles, because we just converted to J3. And changed the template

Hi

I do not mean a fixed width. Just a more accurate selector to point at article images only.

Hi again,

Okey, thank you. It's works fine now. Many thanks for help and flowing up.
Ha a nice day