Phoca Galleray Image Module destroys responsiveness of pictures in articles

[fschreiner]

Hi, I'm using the Phoca Gallery Image Module 4.3.0 on top of Joomla 3.6.5. The template that I'm using is responsive and all fuctionality is working fine - it's just that images in articles that are listed in category blog are not being resized so that they fit on the screen of the mobile device.

The reason is that there's a

Code: Select all

img {
	max-width: none !important;
}

set by the Phoca Gallery Image Module.

When I disable the Image Module all images embedded in articles are being resized properly. It's the PG Image Module that brings the "max-width: none !important;" setting along which then destroys the responsive image handling of articles.

I already searched through all the files that come along with the PG Image Module but I haven't been able to find anything in that regard. Are you able to point me to the right location to fix this problem?

Thanks!

[Jan]

Hi, can I see the site to see the html and css code, to see which part can produce this CSS

Jan

[fschreiner]

Hi, I found what's causing it. I'm using the JAK Lightbox for the Detail Window setting and this is actually driving "max-width: none !important;" to appear. It works fine when using the standard popup.

I have been unable to identify where this is in the code of JAK Lightbox so far.

[Jan]

Hi, not sure which code this can produce. The best way is to see the CSS with help of Firebug or Firefox/Chrome Developer tool, to find the place in which this CSS rule is set.

Jan

[inspin]

The same issue here
img {
max-width: none !important;
}
is placed in the index.php.

Changing JAK lightbox to standard popup in the detail window setting solved it. Thank you for finding this solution fschreiner!