🌍
Français
@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 ;-)
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.
Ah vous êtes tous formidables...
Merci bien, c'est exactement ce que je voulais...
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).
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.
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
:-)
Heureusement, perso, mes noms de fichiers sont explicites...
Bon après-midi !
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.
Katryne a écrit:
Ce que je veux dire : si l'on veut que tout soit bien identifié, ben ça demande du temps.
Ah bin oui... et comme je dépasse les 20 000 fichiers dans piwigo, je n'ose même imaginer le faire à la main...
En tout cas, supers mercis...
Je suis en train de renommer des cartes postales anciennes, que j'ai uploadées par lots de 50 ou 100. Je les reprends une à une, je spécifie titre, meta titre, meta description, mots clefs, auteur, droit d'auteur, géolocalisation, parfois photo actuelle avec google street view ou extraits de wikipédia dans la partie description ... Il m'en reste encore 500 ou 600 ... J'aurais fini dans 10 ou 15 mois ...
Ce que je veux dire : si l'on veut que tout soit bien identifié, ben ça demande du temps.
Salut
Je viens de voir que je me suis fait grillé par Katryne !!
En ce qui concerne ta photo, le nom provient directement du nom originel de l'image avec
data-name="20181011-002 3145-Ile de Re Rivedoux"
Tu vas devoir la renommer directement à partir de l'admin. Courage !!
A+
Est ce que je pourrais abuser... je tente :-)
Sous la photo s'affiche le nom du fichier, tous libellés ainsi : AAAMMJJ-XXXX-nom du lieu
XXXX = le numéro du cliché en 4 ou 7 caractères
Exemple :
20061010-10_3621-fort_de_tournoux_vu_de_st_ours.jpg
ou
20061010-2630-col_de_larche_Fausto_Coppi/jpg
Et j'aimerais que ne s'affiche que la première partie texte de ce nom de fichier, sans l'extension :
fort_de_tournoux_vu_de_st_ours par exemple
Y a t'il une formule magique ?
Olala, j'abuse...
Merci d'avance !
Ah mais génial !
MERCI infiniment...
Coucou Chris,
Le paramètres avec H5, ça n'a rien à voir avec la choucroute. Ya aucun titre Hn sur la page de photoswipe.
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.
Bonjour,
Voilà un lien d'exemple
https://www.chrisncy.com/PWG/index.php? … &pid=2
Merci d'avance