Phoca Galleray Image Module destroys responsiveness of pictures in articles

Phoca Gallery modules - modules for Phoca Gallery extension
fschreiner
Phoca Newbie
Phoca Newbie
Posts: 9
Joined: 02 Mar 2010, 18:35

Phoca Galleray Image Module destroys responsiveness of pictures in articles

Post by 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!
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47794
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Galleray Image Module destroys responsiveness of pictures in articles

Post by Jan »

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

Jan
If you find Phoca extensions useful, please support the project
fschreiner
Phoca Newbie
Phoca Newbie
Posts: 9
Joined: 02 Mar 2010, 18:35

Re: Phoca Galleray Image Module destroys responsiveness of pictures in articles

Post by 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.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47794
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca Galleray Image Module destroys responsiveness of pictures in articles

Post by 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
If you find Phoca extensions useful, please support the project
inspin
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 02 Jun 2012, 14:44

Re: Phoca Galleray Image Module destroys responsiveness of pictures in articles

Post by 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!
Post Reply