[Résolu] Mise en page des gallerie Foogallery (Créer un compte)

  • WordPress :5.8
  • Statut : résolu
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #2420198
    laurentsc
    Participant
    Initié WordPress
    36 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 6 jours et 5 heures par momofr@free.fr.
    • Ce sujet a été modifié il y a 2 jours et 15 heures par Flobogo. Raison : déplacé en rubrique "Extensions"
    #2420257
    momofr@free.fr
    Modérateur
    Maître WordPress
    4921 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.
    #2420260
    pasglop
    Participant
    Chevalier WordPress
    482 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 ?

     

    #2420292
    momofr@free.fr
    Modérateur
    Maître WordPress
    4921 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.
    #2420302
    laurentsc
    Participant
    Initié WordPress
    36 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é.

5 sujets de 1 à 5 (sur un total de 5)
  • Vous devez être connecté pour répondre à ce sujet.