Piwigo.org

jacques84 · 2025-01-26 21:11:03

Oui Katryne c'est ce que j'ai fait : un copier coller de ton code avec les balises

Katryne · 2025-01-26 21:23:35

Je ne vois pas de balise qui entoure ton titre.
Sur cette page : https://www.panosud-360.fr/photos/pictu … tegory/102
Quand je regarde ta page en mode source, je trouve :
Perce-oreille (Forficula auricularia)
entre l'image et la description.
Je devrais trouver :
<h1>Perce-oreille (Forficula auricularia)</h1>

Parce que dans picture-test.tpl, tu n'as pas mis : <h1>{$current.TITLE}</h1>, mais seulement : {$current.TITLE}

jacques84 · 2025-01-26 21:34:42

C'est normal car je l'ai supprimée et j'ai remis l'ancienne sans les balises car la police était trop grosse et toujours à gauche.

Katryne · 2025-01-26 21:46:42

Et dand l'onglet css de Local Files Editor, tu as bien cela :
div#main-picture-container.container h1 {text-align:center;}

Voilà ce que ça donne chez moi : https://blackland.legtux.org/picture.ph … toutounous

jacques84 · 2025-01-26 21:50:41

oui je l'avais également copié

jacques84 · 2025-01-26 21:52:28

Mais bon ce n'est pas grave, le titre s'affiche et c'est le principal.
Un grand merci encore et bonne soirée.

polowigo · 2025-01-27 11:24:37

Bonjour,

@jacques84
Suis les conseils de Katryne en replaçant les balises <h1> et </h1>.
Puis dans ton css local, indique cette règle :

Code:

div#main-picture-container.container h1 {
  text-align:center;
  font-size:1.25rem;
}

@Katryne

Katryne a écrit:
Pardon, je le ferai plus.

Tu connais l'adage Katryne : "Il n'y a que celui - ou celle - qui ne fait rien qui ne se trompe jamais." :-)

jacques84 · 2025-01-27 12:46:04

Merci encore à vous deux mais c'est toujours à gauche et en très gros.
Donc j'abandonne, ce n'est pas grave, je ne veux pas vous ennuyer davantage, l'important est que les titres soient affichés.
Bonne journée.

polowigo · 2025-01-27 12:50:58

Peux-tu faire ici une copie du contenu de l'onglet CSS de LocalFiles Editor ?

jacques84 · 2025-01-27 12:56:35

Ci-dessous le code CSS de Localfiles editor

/* Dans cette fenêtre, écrivez les informations pour configurer votre galerie Piwigo. */

div#main-picture-container.container h1 {
text-align:center;
font-size:1.25rem;
}

polowigo · 2025-01-27 13:14:41

Ça c'est ok mais je constate que les balise <h1> et </h1> ne sont pas rétablies dans ton template de remplacement de picture.tpl.
Retourne dans la configuration de LocalFiles Editor.
Dans l'onglet Templates, tu déroules le menu "Choisissez un fichier à éditer" et tu choisis picture-test.tpl.
Tu cliques ensuite sur le bouton Editer.
Après le code :

Code:

<div id="theImage" class="row d-block justify-content-center mb-3">
    {$ELEMENT_CONTENT}
</div>

Tu as sans doute :

Code:

{$current.TITLE}

Alors qu'il faut que tu aies :

Code:

<h1>{$current.TITLE}</h1>

Fais la modification et n'oublie pas d'enregistrer le fichier.

Si ça ne fonctionne toujours pas, tu vas dans le menu administration Outils > Maintenance et tu cliques sur "Purger les templates compilés".

jacques84 · 2025-01-27 13:28:02

J'avais enlevé les balises pour ne pas avoir ces gros caractères. Je les ai donc remises, j'ai purgé les templates compilés et rien n'y fait c'est toujours pareil : tu peux regarder je n'ai touché à rien pour que tu vois l'affichage que j'obtiens. Je le remettrai lorsque tu auras vu.

polowigo · 2025-01-27 14:08:35

Manifestement, ton CSS n'est pas enregistré ou bien écrasé ?

Dans l'onglet CSS, tout en haut, dans le menu déroulant, tu dois avoir "Bootstrap Darkromm (par défaut)".
Juste en-dessous et au-dessus du code, tu dois avoir " local/css/bootstrap_darkroom-rules.css"
Comme code, tu dois avoir :

Code:

div#main-picture-container.container h1 {
  text-align:center;
  font-size:1.25rem;
}

Tu le remplaces par :

Code:

.h1, h1 {
  text-align:center !important;
  font-size:1.25rem !important;
}

Et tu n'oublie pas d’enregistrer le fichier (bouton tout en bas).

C'est un peu le rouleau compresseur mais quand ça veut pas...

jacques84 · 2025-01-27 14:30:59

Merci merci merci Polowigo, ça y est tout est OK avec le nouveau code que tu viens de me passer.
C'est vrai que ça a été laborieux mais, comme tu t'en ai aperçu, je n'ai aucune connaissance en code.
Trop content maintenant d'avoir installé ce nouveau thème qui me plait vraiment et, qui plus est, est responsive.

Pour ne pas se quitter brusquement, j'ai encore une petite aide à te demander : sais tu comment ne pas faire apparaitre sur un téléphone le second icone de menu : en effet, j'ai l'icone d'en haut à gauche qui permet entre autres la connexion et j'ai le même icone en dessous à droite mais qui ne sert plus à rien : initialement, j'avais dans ce second bouton "Interface thème" que j'ai enlevé.

polowigo · 2025-01-27 14:37:24

Tu me poses une colle là.
J’essayerai de voir ça mais pour l'instant je bave d'envie devant tes photos d'échasse blanche. :-)
Comme quoi il vaut mieux avoir des connaissances en photographie plutôt qu'en code !

Piwigo.org

Annonce

#46 2025-01-26 21:11:03

Re: [Résolu] Démarrage avec Bootstrap Darkroom

#47 2025-01-26 21:23:35

Re: [Résolu] Démarrage avec Bootstrap Darkroom

#48 2025-01-26 21:34:42

Re: [Résolu] Démarrage avec Bootstrap Darkroom

#49 2025-01-26 21:46:42

Re: [Résolu] Démarrage avec Bootstrap Darkroom

#50 2025-01-26 21:50:41

Re: [Résolu] Démarrage avec Bootstrap Darkroom

#51 2025-01-26 21:52:28

Re: [Résolu] Démarrage avec Bootstrap Darkroom

#52 2025-01-27 11:24:37

Re: [Résolu] Démarrage avec Bootstrap Darkroom

Code:

Katryne a écrit:

#53 2025-01-27 12:46:04

Re: [Résolu] Démarrage avec Bootstrap Darkroom

#54 2025-01-27 12:50:58

Re: [Résolu] Démarrage avec Bootstrap Darkroom

#55 2025-01-27 12:56:35

Re: [Résolu] Démarrage avec Bootstrap Darkroom

#56 2025-01-27 13:14:41

Re: [Résolu] Démarrage avec Bootstrap Darkroom

Code:

Code:

Code:

#57 2025-01-27 13:28:02

Re: [Résolu] Démarrage avec Bootstrap Darkroom

#58 2025-01-27 14:08:35

Re: [Résolu] Démarrage avec Bootstrap Darkroom

Code:

Code:

#59 2025-01-27 14:30:59

Re: [Résolu] Démarrage avec Bootstrap Darkroom

#60 2025-01-27 14:37:24

Re: [Résolu] Démarrage avec Bootstrap Darkroom

Pied de page des forums