•  » Styles
  •  » Style du titre de photo dans le fil d'Ariane

#1 2021-09-27 07:03:03

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1785

Style du titre de photo dans le fil d'Ariane

Bonjour,

Sur un site en beta 12 https://gabandjo.legtux.org/piwigo/pict … 2-bretagne , j'ai réussi à mettre en valeur le titre de la photo : taille de police plus grande, padding et margin pour dégager le titre.

Code:

div#imageHeaderBar.titrePage div.browsePath h2
{
  font-size: 2rem;
  text-align: right;
  margin-left: 2rem;
  padding: 0.2rem;
  font-variant-caps: small-caps;
}

Je n'arrive pas à reproduire ce style sur le site en 11.5, également réalisé avec un modus. https://photos.revestou.fr/picture?/La- … au_village

Qu'est-ce que j'ai manqué ? Un petit conseil ?

Merci


https://album.chauvigne.info/ v.15.1.0  PHP: 8.2.25
https://balades.comoni.org/  v.15.1.0 PHP: 8.2.25
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#2 2021-09-27 14:51:44

gbo
Membre
PACA
2006-11-01
1214

Re: Style du titre de photo dans le fil d'Ariane

Je ne comprends pas pourquoi cela ne fonctionne pas .

Mais en faisant plus simple

#imageHeaderBar H2
{
  font-size: 2rem;
  text-align: right;
  margin-left: 2rem;
  padding: 0.2rem;
  font-variant-caps: small-caps;
}

semble fonctionner dans les deux cas.
@+

Dernière modification par gbo (2021-09-27 14:54:14)

Hors ligne

#3 2021-09-27 15:03:47

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1785

Re: Style du titre de photo dans le fil d'Ariane

Ah bé oui, ça marche ! un GRAND MERCI.


https://album.chauvigne.info/ v.15.1.0  PHP: 8.2.25
https://balades.comoni.org/  v.15.1.0 PHP: 8.2.25
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

  •  » Styles
  •  » Style du titre de photo dans le fil d'Ariane

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact