/themes/bootstrap_darkroom/template/mainpage_categories.tpl

Change Line 7
{define_derivative name='derivative_params' width=$width height=$height crop=true}
to
{define_derivative name='derivative_params' width=$width height=$height crop=false}

Okay ... I notice it works but not in the album itself, only sub-categories ....

Like, it works in home and in animals but not in 2014 Artis Royal Zoo Amsterdam (Holland), see example;



I also would like to keep the height, better to reduce width I guess...

For album tumbnails try extension GThumb + and change configuration "Scale thumbnails" : to "Resize"

Hello. Edit the file /plugins/GThumb/template/gthumb.css

Adjust to settings below:
}
#thumbnails .gthumb .thumbLegend {
  position:absolute;
  z-index:100;
  bottom:-18px;
  top:auto;
  height:43px;
  left:0;
  right:0;
  padding:5px 0;
  width:100%;
  background:rgba(0,0,0,0.7);
  text-align:center;
  overflow:hidden;
  color:#aaa;
  -webkit-transition:all 200ms ease-out;
  -moz-transition:all 200ms ease-out;
  -ms-transition:all 200ms ease-out;
  -o-transition:all 200ms ease-out;
  transition:all 200ms ease-out;
}

Height and bottom settings.

Best Regards
Robert

funny I had the exact same problem, and I had started a thread here

https://piwigo.org/forum/viewtopic.php?id=32026

I "resolved" this problem (which is IMHO actually inherent in Piwigo) by installing a plugin called gdThumb

BTW, I love how this plugin makes Piwigo look so much "professional" looking, rather than the old archaic look of those default thumbnails.
YMMV

Okay, I'm making some progress that I want to share.

You need to modify two parameters in the templates:
template/mainpage_categories.tpl:7:{define_derivative name='derivative_params' width=$width height=$height crop=false}
template/thumbnails.tpl:16:{define_derivative name='derivative_params' width=$width height=$height crop=false}

For me this results in something like this for the albums:


And also works inside the album, like this:


But my goal would be something like this (did quick edit in paint):


Where the portrait do have the same height and black bars left and right (or any other colour).

Matthijs

Matthijs,
Although I do understand you like the way this looks, and you do not want to use a plugin...I do have two comments:

1. If you change the theme this way, won't you have to do this change every time the theme has a new version?
I mean your changes will get overwritten.

2. So much text under each thumbnail does not seem appealing to my eyes, aesthetically speaking.
Maybe the text can be shown if one hovers over the image.

Again, of course it is your website totally :-) and my only 2 cents worth ;-)

matthys wrote:

Okay, I'm making some progress that I want to share.

You need to modify two parameters in the templates:
template/mainpage_categories.tpl:7:{define_derivative name='derivative_params' width=$width height=$height crop=false}
template/thumbnails.tpl:16:{define_derivative name='derivative_params' width=$width height=$height crop=false}

For me this results in something like this for the albums:
https://i.postimg.cc/7LtFc0vV/Piwigo-Bootstrap1.jpg

And also works inside the album, like this:
https://i.postimg.cc/KvXDfzWg/Piwigo-Bootstrap2.jpg

But my goal would be something like this (did quick edit in paint):
https://i.postimg.cc/NMzpBkbN/Piwigo-Bootstrap3.jpg

Where the portrait do have the same height and black bars left and right (or any other colour).

Matthijs