1 Sujet de Katryne 08-04-2022 09:42 -

Avec le thème Bootstrap Darkroom et le plugin GThumb+, on peut adapter l'étiquette qui constitue la légende des photos.
Éditer le fichier /plugins/GThumb/template/gthumb.css  (on peut tester d'appliquer la modif dans Local File Editor)
Ajuster la configuration comme ci-dessous pour la hauteur de la légende.

#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;
}

Merci Robert https://piwigo.org/forum/viewtopic.php? … 94#p183494

WWW

Citer Message 1

2 Réponse de Katryne 14-02-2024 15:19 -

J'ai ajusté la hauteur des légendes de vignettes en page album : 1 ligne visible, 3 lignes au survol : avec cette modif :

#thumbnails .gthumb .thumbLegend {
  position:absolute;
  z-index:100;
  bottom:-40px;
  top:auto;
height:60px;
  left:0;
  right:0;
padding:2px 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;
}

WWW

Citer Message 2