•  » Styles
  •  » Bootstrap - personnalisation

#16 2024-05-16 12:50:17

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

Re: Bootstrap - personnalisation

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.


https://album.chauvigne.info/ v.16.4  PHP: 8.4.22
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

#17 2024-05-16 13:48:59

chrisncy
Membre
Nancy
2008-05-15
496

Re: Bootstrap - personnalisation

:-)
Heureusement, perso, mes noms de fichiers sont explicites...
Bon après-midi !

Hors ligne

#18 2026-01-05 09:05:07

chrisncy
Membre
Nancy
2008-05-15
496

Re: Bootstrap - personnalisation

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

#19 2026-01-05 09:44:42

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

Re: Bootstrap - personnalisation

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. :

Code:

#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.


https://album.chauvigne.info/ v.16.4  PHP: 8.4.22
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

#20 2026-01-05 09:52:24

Gotcha
Ex Equipe Piwigo
Pierrelatte (26)
2007-03-14
13859

Re: Bootstrap - personnalisation

Excellente approche @Katryne ! :-D

Mais pour être plus précis, il vaut mieux :

Code:

.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).


Indépendant et autodidacte. Solutions sur mesures : Prestations

LE FAIRE EST LE RÉVÉLATEUR DE L'ÊTRE

Hors ligne

#21 2026-01-05 10:15:09

chrisncy
Membre
Nancy
2008-05-15
496

Re: Bootstrap - personnalisation

Ah vous êtes tous formidables...

Merci bien, c'est exactement ce que je voulais...

Hors ligne

#22 2026-01-05 10:30:29

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

Re: Bootstrap - personnalisation

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.


https://album.chauvigne.info/ v.16.4  PHP: 8.4.22
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

#23 2026-01-05 11:29:28

Gotcha
Ex Equipe Piwigo
Pierrelatte (26)
2007-03-14
13859

Re: Bootstrap - personnalisation

@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)


Indépendant et autodidacte. Solutions sur mesures : Prestations

LE FAIRE EST LE RÉVÉLATEUR DE L'ÊTRE

Hors ligne

  •  » Styles
  •  » Bootstrap - personnalisation

Pied de page des forums

Propulsé par FluxBB