Layout collapsed and cropped images

[gnutello]

Hi, I have a couple of issues with Phoca gallery.
1 - In DETAIL VIEW when I set in NO POPUP mode the layout collapse. The descriptions goes over every joomla moduls placed below the Phoca gallery box. This issue does't depend by the template because it appens with the Protostar default joomla template but also with others templates.
2 - In my gallery some vertical pictures are cropped. Eg. the third and the last pictures of my gallery that you can see at this test website: http://workroma.000webhostapp.com/

Plese could someone tell me how can solve these issues?

PhocaGallery 4.3.18 - joomla 3.9.16

Many thanks to helping me

[Jan]

Hi, do you use some plugin on the detail page? E.g. content plugin inside description, etc?

Testing now Protostor, see no problem there



Jan

[gnutello]

Jan, do you mean some codes inside descriptions? Yes, doing experiments to solve this issue I forgotten this code at the end of the descriptions: {loadposition bibliografiamenu}. I put that code because in that manner the module called by the script was displayed fine. But I think it is not the responsable of the issue, because the issue happened before I put that code and the issue is still there after I removed it (at the moment I removed the code only from the first two images).
Please try to write something long like my descriptions to test your detail view in Protostar or any other template.

P.s. Please, could you take a look also at the issue n. 2 (about the cropped vertical images)?

Thanks

[Jan]

Hi, confirmed, thank you for the info. I will fix it in next version.

1)
For now you can do a quick fix to solve it:

Open: media\com_phocagallery\css\custom\default.css

and on line cca 144 change

FROM:

Code: Select all

.pg-dv-desc {
	height: 16px;
	color: #333;
	font-size: small;
}

TO:

Code: Select all

.pg-dv-desc {
	color: #333;
	font-size: small;
}

2) Try to disable crop function and recreate thumbnails - everythime the parameters regarding thumbnail will change, the thumbnails needs to be regenerated to get new form based on changed parameters.

Jan

[gnutello]

Jan

Issue n. 1: first I followed your instruction on the site in live production that you can see at this url: https://umbertoprencipe.it/catalogo-gen ... hivio.html , and your instructions have solved the issue for about 10 minutes. When I changed the options in responsive mode then the issue came back again.
Moreover, the situations is complicated by the fact that the same operations that I did on the test website solved the issue perfectly url]http://workroma.000webhostapp.com/[/url]
Have you any idea about what happened at the live production website?

Issue n. 2: It is solved now, it works fine.

[Jan]

Hi, hmmm, do you run some cache there?

Testing with google chrome developer tool, I see there:

Code: Select all

.pg-dv-desc {
    height: 16px;
    color: #333;
    font-size: small;
}

So the 16px height rule is still there

Seems like you run some custom css, so maybe it needs to be changed even here:
https://umbertoprencipe.it/media/com_ph ... efault.css

because the rule comes from this file.

Jan

[gnutello]

Yesssssss, I have not trashed the original default.css file but only renamed leaving it into the same directory. Now I trashed it and the site finally works fine (I have also cleaned the Chrome cache).
I have a last question: setting the options in responsive mode I noticed that the thumbnails in the CATEGORY VIEW are no more centered, as you can see now at the website. Have you same workaround for that?

[Jan]

Hi, yes, when you center it, you need fixed width which is opposite to responsive setting. So it does not work in case the site should be responsive.

Jan

[christine]

Hi,

You could try a small workaround (to your template.css):

#phocagallery, .pg-category-view {
padding-left:10px !important;
}

But as Jan said, it's belongs to container width, be aware of Responsiveness.

In addition: You have an Inline segment of height: max-height: 140px; Belongs to the not fulfilled cv-name (2nd image box).

.pg-cv-box {
max-height: 160px !important;
}

Kind regards
Christine

[gnutello]

Hi, first of all thank you for the attention.

Hi, yes, when you center it, you need fixed width which is opposite to responsive setting. So it does not work in case the site should be responsive.

Are we talking about the same thing? My goal is to have the thumbnails all centered into their own image box spaces. As it happened in the 4.1.1 Phoca Gallery old version.
Please, take a look at http://workroma.000webhostapp.com/image ... ntered.jpg

Thanks Christine, but, as you can see, I need to center the thumbnails into the image box. Probably my queston was not clear before.