- WordPress :5.8
- Statut : résolu
- Ce sujet contient 13 réponses, 3 participants et a été mis à jour pour la dernière fois par
Flobogo, le il y a 4 mois.
-
AuteurMessages
-
14 janvier 2022 à 17 h 13 min #2393137
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL : ?
- Thème utilisé : Hitchcock
- Extensions en place : carousel slider
- Nom de l’hébergeur : local
- Adresse du site : le site n’est pas encore en ligne
Problème(s) rencontré(s) :
Bonjour,
Sur chacune de mes pages, j’ai une image, en bannière. L’image est belle donc la bannière est en grande largeur. J’ai utilisé pour cette bannière une option de bloc qui me permet de choisir « grande largeur », et même pleine page.
Sous la bannière j’ai un slider, qui parait rikiki par rapport à ma bannière, et je ne réussis pas à élargir le bloc qui le contient.
Je procède de la façon suivante : je configure mon slider, je copie le short code et je le colle dans ma page. Là il s’intègre automatiquement dans un bloc « code court », d’une petite largeur. Et je n’ai pas la possibilité, comme sur d’autres blocs, de « modifier l’alignement » et ainsi d’obtenir la grande largeur.
J’ai essayé le bloc html, en y copiant la ligne <?php ..> mais le bloc a la même taille.
Le slider me semble paramétré pour remplir 100 % de la div qui le contient. J’ai donc créé une <div, avec des dimensions en css, et intégré dedans le code du slider en php. Ça marche pas mal, sauf que :
- je ne sais pas dans quel fichier et à quel endroit intégrer cette div, pour qu’elle soit bien positionnée sous ma bannière 🙂
- et surtout, mon slider changeant à chaque page, je sais encore moins repêcher son ID !
L’idéal serait donc de pouvoir modifier la largeur de ce block.. et je suis en panne.
Merci d’avance si vous pouvez m’aider.
Bonne soirée
14 janvier 2022 à 18 h 58 min #2393147Bonjour,
Ce n’est pas lié au thème, mais plutôt aux blocs Gutenberg, d’après ce que je comprends. Je déplace en rubrique « Gutenberg ».
Pourriez-vous mettre des captures images, ainsi que la capture CSS correspondante ?
14 janvier 2022 à 19 h 28 min #2393154Bonsoir,
ci-joint une copie d’écran, le slider est composé des 4 vignettes.
Quand vous parlez de la capture css correspondante, vous parlez du code source ? de ce qu’affiche l’inspecteur ?
Je vais fouiller dans la rubrique Gutenberg.
Merci !
14 janvier 2022 à 19 h 32 min #2393155Bonsoir,
Je retente un envoi de capture d’écran après l’avoir réduite
14 janvier 2022 à 19 h 33 min #2393156décidément !
dernier essai 🙂
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.14 janvier 2022 à 19 h 38 min #2393158Bonjour.
Quel est le nom exact de l’extension ?
🙂
14 janvier 2022 à 19 h 43 min #2393159Bonsoir, c’est carousel slider.
mais j’ai essayé avec d’autres et le fonctionnement est le même, à savoir copie d’un short code qui se loge tout seul dans un bloc (même si je ne sélectionne pas le bloc « code court » au préalable). La copie du code déclenche l’ouverture du bloc.
14 janvier 2022 à 23 h 00 min #2393163Quand vous parlez de la capture css correspondante, vous parlez du code source ? de ce qu’affiche l’inspecteur ?
→ ce qu’affiche l’inspecteur
Et sinon, vous avez essayé avec l’éditeur classique ? (extension Classic Editor)
14 janvier 2022 à 23 h 13 min #2393164C’est la largeur du bloc dans la page qui coince
.post-inner { width: 520px; max-width: 85%; margin: 0 auto; padding: 80px 0 90px; padding-top: 80px; }
Essaies de modifier ces paramètres dans Apparence/Personnaliser/CSS additionnel.
🙂
15 janvier 2022 à 9 h 38 min #2393233Bonjour,
C’est mieux en ce qui concerne le slider 🙂 mais moins bien en ce qui concerne la bannière qui se trouve décalée, et plus centrée !
Je vais essayer l’extension Classic Editor, comme le suggère Flobogo. Sinon, je commence à me dire que ce n’est pas si mal, un petit slider. Mais c’est le début du renoncement !
Bonne journée
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.15 janvier 2022 à 9 h 47 min #2393236Ah, le fichier n’est pas parti ! taille 500 x 500 pourtant. Nouvelle tentative
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.15 janvier 2022 à 14 h 06 min #2393265Je n’arrive pas à me résoudre au renoncement…
Il est clair que la class .post-inner joue bien sur la largeur du bloc, vive PhiLyon ! Mais comprenez-vous pourquoi ça bascule mes autres blocs vers la gauche (bannière et blocs média)? En ce qui les concerne, l’option « aligner à gauche » est activée, si je la désactive pour les centrer, comme c’était avant, quand je passe à la visualisation de la page, le centrage n’a pas été prise en compte.
Flobogo, il y a tellement de feuilles css, que je ne sais pas laquelle vous adresser 🙂
Merci à vous
15 janvier 2022 à 15 h 05 min #2393269Encore moi..
Si je sélectionne le bloc « code court » et que j’active l’action « grouper », ça doit me transformer le statut de ce bloc puisque là, j’ai accès à l’option « grande largeur », voire « pleine page ». Si je joue sur les stage padding du slider, ça me rajoute des marges à droite et à gauche, qui donnent l’impression que le slider est un peu moins large que la bannière. Je pense que ça me convient, je trouve que c’est joli !
Merci de votre aide.
Bon week end
17 janvier 2022 à 23 h 55 min #2393475 -
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.