slider prisonnier d’un block (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
13 sujets de 1 à 13 (sur un total de 13)
  • Auteur
    Messages
  • #2393137
    AXavier
    Participant
    Initié WordPress
    9 contributions

    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

     

    • Ce sujet a été modifié le il y a 1 jour et 17 heures par Flobogo.
    • Ce sujet a été modifié le il y a 1 jour et 17 heures par Flobogo. Raison: déplacé en rubrique "Gutenberg" (nouvel éditeur avec "blocs")
    #2393147
    Flobogo
    Modérateur
    Maître WordPress
    17991 contributions

    Bonjour,

    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 ?

    #2393154
    AXavier
    Participant
    Initié WordPress
    9 contributions

    Bonsoir,

    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 !

    #2393155
    AXavier
    Participant
    Initié WordPress
    9 contributions

    Bonsoir,

    Je retente un envoi de capture d’écran après l’avoir réduite

    #2393156
    AXavier
    Participant
    Initié WordPress
    9 contributions

    décidément !

    dernier essai 🙂

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2393158
    PhiLyon
    Modérateur
    Maître WordPress
    28206 contributions

    Bonjour.

    Quel est le nom exact de l’extension ?

    🙂

    #2393159
    AXavier
    Participant
    Initié WordPress
    9 contributions

    Bonsoir, 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.

    #2393163
    Flobogo
    Modérateur
    Maître WordPress
    17991 contributions

    Quand 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)

    #2393164
    PhiLyon
    Modérateur
    Maître WordPress
    28206 contributions

    C’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.

    🙂

    #2393233
    AXavier
    Participant
    Initié WordPress
    9 contributions

    Bonjour,

    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.
    #2393236
    AXavier
    Participant
    Initié WordPress
    9 contributions

    Ah, le fichier n’est pas parti ! taille 500 x 500 pourtant. Nouvelle tentative

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2393265
    AXavier
    Participant
    Initié WordPress
    9 contributions

    Je 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

    #2393269
    AXavier
    Participant
    Initié WordPress
    9 contributions

    Encore 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

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