C'est pour ça que je préfère ajouter les images une à une, de façon à les traiter en temps utile et que je me maudis quand je les ajoute par trouzaines et que je me retrouve avec des monceaux de photos aux noms impossibles, pas identifiables et classées n'importe comment.
Hors ligne
:-)
Heureusement, perso, mes noms de fichiers sont explicites...
Bon après-midi !
Hors ligne
Katryne a écrit:
Coucou Chris,
Le sélecteur intéressant pour le titre sous la diapo, c'est : .pswp *
Si tu lui mets de la couleur, ou que tu veux augmenter la taille ou encore le centrer, c'est quelque chose comme ça:
.pswp *
{
color : rgb(255,255,255);
text-align: center;
font-size:1.5rem;
}
(à ajouter dans l'onglet css de Local Files Editor ou dans la config spécial css pour Bootstrap)
Je viens d'essayer en mettant ton titre en blanc, et c'est bien là que ça se passe.
Je rebondis sur un post ancien.
J'essaie d'afficher une description en dessous du titre de la photo
Quelle serait la syntaxe pour formater la couleur et la taille de ce texte ?
Actuellement c'est gris et assez illisible
Exemple
Hors ligne
Moi je dirais que le sélecteur, c'est ul#pswp--caption--description li, mais tu peux essayer avec seulement :
#pswp--caption--description
Ce qui donnerait pour écrire en blanc, et en gras et en 14 px et avec alignement justifié, par ex. :
#pswp--caption--description {
color:#ffffff;
font-weight:bold;
font-size:14px;
text-align:justify;
}que tu ajoutes dans l'onglet css de LFE.
Comment trouver le bon sélecteur de css ? tu peux utiliser au clic droit sur la zone visée en affichage public ;
- inspecter dans Firefox
- examiner l'élément dans Palemoon
Moi, j'ai ajouté aussi l'extension Webdeveloper dans Palemoon, qui reste plus classique (comme dans le temps) que celle de Firefox.
Hors ligne
Excellente approche @Katryne ! :-D
Mais pour être plus précis, il vaut mieux :
.pswp__caption__center li {
color:#ffffff;
font-weight:bold;
font-size:14px;
text-align:justify;
}Je rajoute que pour éviter d'avoir à jongler avec LFE, j'utilise une extension pour Firefox "Stylish" qui permet d'appliquer "en live" chez moi sans que ça n'impacte mon site.
C'est ce que je fais pour nombre de site où je peux modifier de ci-de-là un truc qui me dérange (un alignement centrale par hasard lol).
Hors ligne
Ah vous êtes tous formidables...
Merci bien, c'est exactement ce que je voulais...
Hors ligne
Gotcha, Stylish, c'est une astuce de confort en mode visiteur, quand on peut pas changer le style que les webmestres ont choisi. Au hasard, pour moi qui ne suis pas à l'aise avec tous ces modes sombres qu'affectionnent les vrais photographes.
Hors ligne
@Katryne : Je m'en sert aussi beaucoup comme outil de développement pour voir l'impact en directement de certaines modifications, sans avoir à les implémenter dans le code (LFE par exemple).
Pour le mode "clair", je peux te conseiller l'extension "Dark Reader" qui dispose (c'est un petit comble) d'une fonctionne éclaircissement. Ca te permettrait de ne pas avoir à te prendre la tête avec du CSS de partout ;-)
Dernière modification par Gotcha (2026-01-05 11:29:56)
Hors ligne