Phoca Galleray Image Module destroys responsiveness of pictures in articles

fschreiner
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 02 Mar 2010, 18:35

Phoca Galleray Image Module destroys responsiveness of pictures in articles

Post by fschreiner » 10 Feb 2017, 14:39

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: 38022
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

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

Post by Jan » 10 Feb 2017, 23:21

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: 7
Joined: 02 Mar 2010, 18:35

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

Post by fschreiner » 15 Feb 2017, 18:20

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: 38022
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

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

Post by Jan » 16 Feb 2017, 18:05

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 » 19 Apr 2017, 08:04

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

Who is online

Users browsing this forum: No registered users and 1 guest