Masonry finesse of mixed portrait & landscape + relative URLs

[RIadmin]

As a noob in Phoca Gallery, I'm afraid I find it hard to navigate the documentation and large array of options, and forum posts covering so many past versions.

I have three problems with my first attempt at placing a category gallery on this page - https://www.rootinstitute.ngo/mm4/being-here - and I hope some kind soul can point to the solutions:

1) The img src URLs are absolute (causing the inappropriate insertion of of external link icons ::after). I want these local links to be site-root relative, as throughout the site, but haven't found how I can set that.

2) There's plenty of width for the 3 large thumbnails, and in phocagallery-masonry.css 3 columns are set, yet still the third .pg-masonry-item wraps to a new line. I don't understand what's driving that.

3) I need a tidy layout where the category mixes landscape and portrait images, whether the portrait ones get cropped or aligned as flex-start or flex-end. Maybe that will be the case when problem 2 is resolved.

Please point me to the resources where I can fix these layout faults.

THANK YOU!

[christine]

Hi,

2) There's plenty of width for the 3 large thumbnails, and in phocagallery-masonry.css 3 columns are set, yet still the third .pg-masonry-item wraps to a new line. I don't understand what's driving that.

You could try with following code into your custom.css:

Code: Select all

@media only screen and (min-width: 769px) and (max-width: 1200px){
.pg-masonry {
column-count: 3;
	}
}

Kind regards
Christine