Mise en page des gallerie Foogallery

WordPress :5.8
Statut : résolu

Ce sujet contient 4 réponses, 3 participants et a été mis à jour pour la dernière fois par laurentsc, le il y a 8 mois et 3 semaines.

5 sujets de 1 à 5 (sur un total de 5)

Auteur

Messages
14 septembre 2022 à 23 h 09 min #2420198
laurentsc
Participant

Chevalier WordPress
299 contributions
Bonjour,

Ma configuration WP actuelle
- Version de PHP/MySQL : 8/8
- Thème utilisé : thème enfant et thème principal : STAR
- Extensions en place : Akismet, Classic Editor, Classic Widgets, Cookie Notice & Compliance for GDPR / CCPA, Contact Form 7, Duplicate Page, Duplicator, Flamingo, FooGallery, hCaptcha pour les formulaires et plus, Remove « Powered by WordPress », UpdraftPlus – Sauvegarde/Restauration, WPForms Lite, Yoast SEO
- Nom de l’hébergeur : Evxonline
- Adresse du site : https://pasdpanique.fr/
Problème(s) rencontré(s) : En bas de cette page https://pasdpanique.fr/conseils/, il y a une galerie Foogallery et dessous les intitulés des images. Le code est :
```
[foogallery id="600"]
<p>Nid de guêpes à Corrençon en Vercors Nid de frelons asiatiques à St Jean en Royans</p>
```
Je souhaite 2 choses (sais pas si c’est possible) :

1- Faire tenir les intitulés sur une seule ligne

2- espacer les 2 images pour que les intitulés correspondent bien.

Peut-on faire ça et comment ?
- Ce sujet a été modifié le il y a 8 mois et 3 semaines par momofr@free.fr.
- Ce sujet a été modifié il y a 8 mois et 2 semaines par Flobogo. Raison : déplacé en rubrique "Extensions"
15 septembre 2022 à 9 h 59 min #2420257

momofr@free.fr
Modérateur

Maître WordPress
5872 contributions

Salut, tu as consulté la documentation de l’extension ? Il semble que non (c’est l’anglais qui pose problème ?).

Tout est expliqué et tu as tous les réglages nécessaires pour faire ce que tu demandes dans la galerie (qui est traduite en français).

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.

15 septembre 2022 à 10 h 01 min #2420260
pasglop
Participant

Maître WordPress
576 contributions
Bonjour,

Pour l’espacement des images, tu peux tenter ça, à mettre dans les CSS additionnels, en modifiant comme tu le souhaites les valeurs de margin:
```
.fg-default.fg-gutter-25 .fg-item {
	margin-right:75px;
	margin-bottom:45px;
}
```
Pour le reste, peut-être voir dans les réglages de l’extension s’il est possible d’inclure une légende à placer sous l’image ? Je ne connais pas Foogallery, peut-être quelqu’un d’autre ici ?
15 septembre 2022 à 12 h 59 min #2420292
momofr@free.fr
Modérateur

Maître WordPress
5872 contributions
Salut @pasglop, pas besoin de bricolage en CSS cette extension possède les réglages de gouttière entre les images.

Par contre je vois que les légendes sont dans un paragraphe sous la galerie… il faut utiliser la fonction de légende de l’extension.

Bref, @laurentsc tu devrais vraiment approfondir l’utilisation de cette extension.

J’ai fait quelques essais et tu as un résultat correct avec des légendes très longues en modifiant un peut l’élément de légende de FooGallery avec cette règle :
```
.foogallery .fg-caption-title {
	white-space: normal;
	text-overflow: initial;
	padding: 10px 15px;
	margin: 0;
	height: auto;
}
```
Tu colles le code : soit dans le champ CSS de ta galerie FooGallery, soit dans Apparence -> Personnaliser -> CSS additionnelle.

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
15 septembre 2022 à 14 h 33 min #2420302

laurentsc
Participant

Chevalier WordPress
299 contributions

+1 pour momofr@free.fr

L’anglais, je me débrouille mais en fait, même pas besoin de lire la doc car le réglage de l’extension est suffisamment intuitif. Mon souci est que je ne l’avais pas vu…

Merci aussi pour ce CSS personnalisé.
Auteur

Messages