•  » Plugins
  •  » [Résolu] PWG Stuffs Bloc d'images

#1 2019-10-11 17:39:23

Philindy26
Membre
Drôme (26)
2013-02-01
79

[Résolu] PWG Stuffs Bloc d'images

Bonjour/Bonsoir,

Bonjour,
Sur la page accueil, j'ai rajouté un bloc "Images au hasard" avec le plugin PWG Stuffs.
Le nombre de photos est de 6  avec un positionnement à gauche du bloc...

Je voudrais quelles apparaissent au centre du bloc.

Voici ce que j'ai essayé en CSS, après avoir inspecter le bloc sous firefox :
#thumbnails
ou .thumbnails   
ou .thumbnails.stuffs_block_2
ou .thumbnails.stuffs_block_2 li
ou .content middle_block
ou .content stuffs_block stuffs
ou .stuffs_block_2
{
  float: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  text-align: center !important;
}

Mais cela ne fonctionne pas...
Je n'arrive pas à trouver le vrai nom du bloc
Est-ce que quelqu'un pourrait m'aider ?

Merci d'avance
Philindy26

https://photos-dromoises.fr/albumpiwigo/
Piwigo 2.10.0
PHP: 7.2.22 (Montrer les informations) [2019-10-11 17:36:19]
MySQL: 5.5.5-10.2.27-MariaDB [2019-10-11 17:36:19]
Bibliothèque graphique: External ImageMagick 6.7.2-7

Dernière modification par Philindy26 (2019-10-11 19:54:22)

Hors ligne

#2 2019-10-18 17:31:51

Philindy26
Membre
Drôme (26)
2013-02-01
79

Re: [Résolu] PWG Stuffs Bloc d'images

Bonjour, bonsoir,

Quelqu’un aurait-il une idée ?
Cela viendrait peut-être du thème... J'utilise Modus.

Merci d'avance
Cordialement,
Philindy26

Hors ligne

#3 2019-10-19 08:55:38

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14704

Re: [Résolu] PWG Stuffs Bloc d'images

Bonjour,

Je dirais qu'il faut que tu centre le ul dans le bloc stuffs_block_2
je n'ai pas testé mais un truc du genre

div#stuffs_block_2 ul {margin: 0 auto;}


et mettre un largeur sur div#stuffs_block_2 à 100% voir aussi le conteneur supérieur


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#4 2019-10-19 11:26:17

Philindy26
Membre
Drôme (26)
2013-02-01
79

Re: [Résolu] PWG Stuffs Bloc d'images

Bonjour,

Merci beaucoup pour ta réponse.
Mais cela ne fonctionne pas...
Voici ce que j'ai mis :
div#stuffs_block_2 ul {
  margin: 0 auto !important; }

div#stuffs_block_2 {
  max-width: 100% !important; }

même en mettant au début un # ou .

Cordialement
Philindy26

Hors ligne

#5 2019-10-19 12:26:39

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14704

Re: [Résolu] PWG Stuffs Bloc d'images

et en remplaçant

margin par padding

dans la première balise


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#6 2019-10-19 12:31:31

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14704

Re: [Résolu] PWG Stuffs Bloc d'images

Philindy26 a écrit:

div#stuffs_block_2 {
  max-width: 100% !important; }

et sans le max ?


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#7 2019-10-19 19:59:33

Philindy26
Membre
Drôme (26)
2013-02-01
79

Re: [Résolu] PWG Stuffs Bloc d'images

Bonsoir,

Cela ne fonctionne pas.
Ni avec padding et en enlevant le max.

Cordialement,
Philindy26

Hors ligne

#8 2019-11-11 20:10:34

Philindy26
Membre
Drôme (26)
2013-02-01
79

Re: [Résolu] PWG Stuffs Bloc d'images

Bonsoir,

Personne à une idée ...
Merci d'avance
Philindy26

Hors ligne

#9 2019-11-11 20:48:36

dreamer
Membre
St Cyr/mer (83)
2006-02-26
609

Re: [Résolu] PWG Stuffs Bloc d'images

Salut

Petit truc en passant : ton image en header est trop large, ce qui oblige à faire un scroll horizontal ....


Le problème, c'est que tout est centré quand tu as des images horizontal et ça bugue quand il y a une verticale..


beauxvoyages.fr/photos (photos), beauxvoyages.fr/jukebox (musiques) et tout nouveau beauxvoyages.fr/galerie (camping-car) le tout en version 2.10

Hors ligne

#10 2019-11-12 12:37:20

Philindy26
Membre
Drôme (26)
2013-02-01
79

Re: [Résolu] PWG Stuffs Bloc d'images

Bonjour,

Merci dreamer pour la réponse.
Je vais regarder l'image en header.
Cordialement,
Philindy26

Hors ligne

#11 2019-11-12 14:46:38

Philindy26
Membre
Drôme (26)
2013-02-01
79

Re: [Résolu] PWG Stuffs Bloc d'images

Re Bonjour dreamer,

J'ai désactivé le header et cela n'a pas d'effet sur le centrage du bloc "Images au hasard".
J'ai tout désactivé et le bloc n'est toujours pas centré horizontalement... par rapport au bloc "Accueil"
Voir mon site de test : https://photos-dromoises.fr/piwigotest/

Cordialement,
Philindy

Dernière modification par Philindy26 (2019-11-12 14:49:30)

Hors ligne

#12 2019-11-12 15:12:57

dreamer
Membre
St Cyr/mer (83)
2006-02-26
609

Re: [Résolu] PWG Stuffs Bloc d'images

Re

Tu n'arriveras pas à centrer ton bloc car cela se fait par rapport aux images ..

N°1 :  tes images sont de même largeur (aucun problème, c'est centré

N°2: Une image est plus large que les autres (ça déborde !!)

N°3 : tu as 2 images verticales donc tu ne remplis pas le bloc !!


Images attachées


beauxvoyages.fr/photos (photos), beauxvoyages.fr/jukebox (musiques) et tout nouveau beauxvoyages.fr/galerie (camping-car) le tout en version 2.10

Hors ligne

#13 2019-11-12 18:21:44

Philindy26
Membre
Drôme (26)
2013-02-01
79

Re: [Résolu] PWG Stuffs Bloc d'images

Bonsoir dreamer,

Merci beaucoup pour cette réponse.
Je viens de comprendre...
Du coup, le bloc restera en l'état.
Je passe cette discussion en résolue.

Cordialement,
Philindy

Hors ligne

  •  » Plugins
  •  » [Résolu] PWG Stuffs Bloc d'images

Pied de page des forums

Propulsé par FluxBB

github twitter facebook newsletter Faire un don Piwigo.org © 2002-2019 · Contact